Vue.js 点击传值:使用 v-model 指令实现
在 Vue.js 中,可以使用 v-model 指令实现点击传值。
首先,在需要点击传值的元素上使用 v-model 指令,指定一个变量作为 v-model 的值。
<input type='text' v-model='value'>
<button @click='setValue'>传值</button>
然后,在 Vue 实例中定义这个变量,并创建一个方法来更新这个变量的值。
data() {
return {
value: ''
}
},
methods: {
setValue() {
this.value = '传递的值'
}
}
这样,当点击按钮时,会调用 setValue 方法,将'传递的值'赋给 value 变量,从而实现点击传值。
注意,v-model 指令可以用于各种表单元素,如 input、textarea、select 等。
原文地址: https://www.cveoy.top/t/topic/pk96 著作权归作者所有。请勿转载和采集!