我想在勾选的时候,传递该行数据item,同时根据CheckBox更新后value的值向数组selectedId中插入item中的uid。
官方文档里面只有一个默认的回调参数,我想在这基础上再多传递一个参数,有什么办法么?
下面是我的代码...
<div id="app">
<div v-for="item in stylesData">
<el-checkbox v-model="item.checked" @change="selecteChange(item)"></el-checkbox>
<img v-bind:src="item.src"/>
<p>{{item.text}}</p>
</div>
</div>
<script>
const app = new Vue({
el: '#app',
data: function(){
return {
selectedId: [], //选中后的UID数组
stylesData: [{
uid: 1,
checked: false,
src: 'xxx.jpg',
text: '一段描述'
},{
uid: 2,
checked: false,
src: 'xxxx.jpg',
text: '二段描述'
},{
uid: 3,
checked: false,
src: 'xxxxx.jpg',
text: '三段描述'
}]
}
},
methods: {
selecteChange: function(item,value){
console.log(item);
console.log(value);
if(value == true){
app.selectedId.push(item.uid);
}
}
}
});
</script>
繁星淼淼
慕容708150
相关分类