vue 点击按钮获取input值

萌新开车，有更好方法的还请大佬们评论如图，有一个循坏出来的列表，每一个item都包含一个button和一个input要实现点第一个按钮就获取这个按钮前面的输入框的值可以通过v-model实现，为了让input值与button对应，给它加上index获取数据时给取到的json对象加一个属性然后再赋值给data这样就绑定好了再写一下按钮点击触发的方法就OK了...

shengjunlintianxia

4691人浏览 · 2020-08-16 16:40:26

shengjunlintianxia · 2020-08-16 16:40:26 发布

萌新开车，有更好方法的还请大佬们评论

如图，有一个循坏出来的列表，每一个item都包含一个button和一个input

要实现点第一个按钮就获取这个按钮前面的输入框的值

可以通过v-model实现，为了让input值与button对应，给它加上index

获取数据时给取到的json对象加一个属性

然后再赋值给data

这样就绑定好了

再写一下按钮点击触发的方法就OK了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^