Vue input的一些方法

最新推荐文章于 2025-03-12 10:45:30 发布

嘿喵-财运旺旺

最新推荐文章于 2025-03-12 10:45:30 发布

阅读量2.7k

点赞数

分类专栏： javascript vue

本文链接：https://blog.youkuaiyun.com/sym134/article/details/82592833

版权

javascript 同时被 2 个专栏收录

33 篇文章

订阅专栏

vue

21 篇文章

订阅专栏

多选框获取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>