vue下拉框值改变_vue select下拉框绑定值不跟着变问题

data() {

return {

value1: "",

type: [{id: 1, name: '肖明'}，{id: 2, name: '小红'}，{id: 3, name: '小光'}],

list: [1,2,3,4,5]

}

v-for="_item in type"

:value="_item.id"

:key="_item.id"

>{{ _item.name }}

通过循环生成了多个 select框绑定的都是同一个下拉数据源， v-model 绑定的 value1在data中有定义声明，但是list的length 是不确定的，所以每个select的v-model不可能在data中声明….

想请教下，这种情况下怎么去绑定循环生成的select的值，在改变一个select的值时其他的select不会跟着改变….

回答

你的select会循环生成多个，那你绑定的value肯定也是对应的多个啊？为什么是多个下拉绑定一个value呢？这样肯定会出现改变一个，其他的都会跟着改变呀。

你的value可以根据你的list长度，来生成对应个数的value

// value写成计算属性

computed: {

value() {

var valueArr = this.list.map(item => ({value: ''}))

return valueArr

}

select循环的肯定不能只绑定一个value1 你可以选择把list做成一个对象数组

[{value:””},{value:””},{value:””},{value:””}]

循环的时候v-model绑定 item.value

data() {

return {

type: [{id: 1, name: '肖明'}，{id: 2, name: '小红'}，{id: 3, name: '小光'}],

list:[1, 2, 3, 4, 5],

newList: []

}

created() {

this.newList = this.list.map(item => {

return {

model: '',

value: item

};

});

}

v-for="_item in type"

:value="_item.id"

:key="_item.id"

>{{ _item.name }}

基于引用类型数据，预先map原list，新增v-model绑定的value到每条数据里，最后再从list里面遍历取结果

拿到list的时候根据length新增字段吧,然后再绑定上去

比如：

for(let i=0 ;i

let obj = {}

obj.key = 'value'+i

}

vue下拉框值改变_vue select下拉框绑定值不跟着变问题相关推荐

layui怎么给下拉框赋值_layui给select下拉框赋值
转: layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function() { var form = la ...
c mvc ajax 返回下拉框,SpringMVC之ajax+select下拉框交互常用方式
Insert title here //ajax+select三种常用交互方式 window.οnlοad=function(){ test(); } function test(){ alert(& ...
html下拉列表值发生改变,layui select下拉框监听值变化 layui 下拉列表的change事件...
layui下拉列表的事件不能用jq的change 应该用自带的方式写默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可. 如: 监听select 下拉选 ...
html设置下拉筛选可以多选,select下拉框（支持筛选、多选）
Chosen 是一个支持jQuery的select下拉框美化插件,它能让丑陋的.很长的select选择框变的更好看.更方便.不仅如此,它更扩展了select,增加了自动筛选的功能.它可对列表进行分组, ...
java select 下拉选项框option定位_java select 下拉选项框opt
java select 下拉选项框opt [2021-02-05 09:44:01] 简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace( ...
html 下拉框字体,怎么把select下拉菜单里的文字设置成左右滚动效果
原标题:怎么把select下拉菜单里的文字设置成左右滚动效果希望用marquee标签来设置字体滚动,代码是下面这样写的,但是没有效果,字体还是不会滚动,应该怎么来写,才会实现这个效果呢? " ...
vue下拉框值改变事件_下拉框的change事件
$(document).ready(function() { //绑定下拉框change事件,当下来框改变时调用 SelectChange()方法 $("#selectID").c ...
html下拉框设置默认值_html 里select 下拉列表中设置默认值怎么写
用户提问 1 2 3 4 5 6 7 8 9 推荐答案设置下拉列表框的默认值:使用关键字selected < select na ...
layui下拉框的高度_LAYUI select 下拉框得高度
UITextField UITextFieldDemo 效果特点 1.有效定制键盘的样式 2.处理键盘对文本框的遮挡用法 1.导入文件(UITextField+CreateInputAccesso ...

vue下拉框值改变_vue select下拉框绑定值不跟着变问题

vue下拉框值改变_vue select下拉框绑定值不跟着变问题相关推荐

最新文章

热门文章