如何将v-model数据传递到vue.js中的url路径？

pbwdgjma 于 2021-09-23 发布在 Java

关注(0)|答案(2)|浏览(289)

我开发了一个包含一个搜索按钮的 Jmeter 板，如果我在搜索框中输入一些数据，这些数据应该传递到我的后端url路径，基于该url路径我必须调用我的后端api，请帮助我如何将v-model数据传递到我的url路径。 Dashboard.vue ```

data() {
    return {
        name:'',

    }
},
methods:{
     handlesubmit(){
         let userData = {
           name:this.name,
         }
         service.userSearchByName(userData).then(response=>{
             this.books.push(...response.data);   
         })
     }
}

}

`user.js`
userSearchByName(data){
return axios.getData(/searchBooksbyName/${},data);
}

vue.js JavaScript axios v-model

来源：https://stackoverflow.com/questions/68319888/how-to-pass-v-model-data-to-the-url-path-in-vue-js

2条答案

按热度按时间

2uluyalo1#

您必须根据后端api的期望使用正确的http predicate （get/post）。在axios中使用适当的方法。
使用get的示例：

userSearchByName(data){
        return axios.get(`/searchBooksbyName/${data.name}`);
    }

赞(0）回复(0）举报 2021-09-23

9jyewag02#

使用适当的axios方法提出任何请求
这是一个简单的解决方案，您可以在发出任何axios请求（post、get、patch、put、delete）时使用。

handlesubmit(){

        const inputQuery = this.name;

       return new Promise((resolve, reject) => {
        axios.get(`/searchBooksbyName/${inputQuery}`)

            .then((response) => {
                if (response){
                 //If you want you can store the value you get in response
                } 

              resolve(response);
              console.log("Get Response", response);

            })
            .catch((error) => {
              if(error){

                //Perform some task here
              }

              console.log(" Error", error);
              reject(error);
            });
    }

赞(0）回复(0）举报 2021-09-23

我来回答

如何将v-model数据传递到vue.js中的url路径？

2条答案

相关问题

热门标签

最新问答