脚本宝典收集整理的这篇文章主要介绍了vue.js multi check select,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
https://github.com/vuejs/vue/...
<!DOCTYPE htML>
<html>
<head>
<meta charset="UTF-8">
<link href="http://cdn.bootcss.COM/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<div id="app">
<ul class="list-group">
<li class="list-group-item" :class="{ 'active': active(item) }" v-for="item in items" track-by="id" @click="toggle(item)">{{item.id}}</li>
</ul>
</div>
<script src="http://cdn.bootcss.com/vue/1.0.17/vue.js"></script>
<script>
'use strict';
new Vue({
el: '#app',
data: function () {
return {
items: [
{ id: 1 },
{ id: 2 },
{ id: 3 },
{ id: 4 },
],
selected: [],
}
},
methods: {
toggle: function (item) {
var index = this.selected.indexOf(item)
if (index === -1) {
this.selected.push(item)
}
else {
this.selected.splice(index, 1)
}
},
active: function (item) {
return this.selected.some(t => t === item)
},
},
})
</script>
</body>
</html>@H_777_232@
以上是脚本宝典为你收集整理的vue.js multi check select全部内容,希望文章能够帮你解决vue.js multi check select所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。