Vue input的一些方法
多选框 获取value 值,已经动态改变样式<div class="doctor"><div class="doctor-li"><input type="checkbox" v-on:change="check" id="checkbox
·
多选框 获取value 值,已经动态改变样式
<div class="doctor">
<div class="doctor-li">
<input type="checkbox" v-on:change="check" id="checkbox" value="111" v-model="visitplan">
<label for="checkbox" class="doctor-li-fang" v-bind:class="{doctor_li_fang_active:isCheck==111}"></label><span class="doctor-li-txt">shan</span>
</div>
</div>
<script>
var index = new Vue({
el: '#app',
data: {
list:{
'11':'周一 (上午)',
'12':'周一 (下午)',
},
isCheck:0,
visitplan:[], //全部选中的值
},
methods: {
//保存诊所信息
saveSubmit: function () {
},
// 获取选中的值,改变样式
check:function (e) {
this.isCheck=e.target.defaultValue
console.log(e.target.defaultValue)
}
}
})
</script>
更多推荐
已为社区贡献10条内容
所有评论(0)