vue中获取输入框中得到值_前端开发：Vue中获取input输入框值的方法

在前端开发过程中，会用到各种各样的基础组件，一些常用的组件的使用方法一定要滚熟于心，对于刚入门的新手来说，对基础知识的熟练掌握很重要，如果不熟练就会影响开发速度。那么本篇博文就来分享一个比较基础的知识点，在使用Vue开发的时候，使用input组件的时候，获取input输入框的值的方法，方便使用查阅。

在input使用过程中，一般常用的获取输入框的值的方法有三种：第一种是通过v-model双向绑定的方式来实现想要获取的input输入框的值，第二种是通过使用ref来获取输入框的值，第三种是通过监听输入框的变化来获取input的值。具体的使用方法如下所示：

方法一：通过v-model双向绑定的方式来实现想要获取的input输入框的值。

export default {

data(){

return{

groupName: ''

}

},

methods: {

async addGroup () {

const opt = Object.assign({ projectId: 1, groupName: this.groupName })

this.setData(opt, addGroup)

}

},

}

<