Vue input的一些方法

迷南。 2022-05-13 04:44 251阅读 0赞

多选框 获取value 值，已经动态改变样式

![70][]

<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>

[70]: /images/20220513/6806045e69734fae94bb366358cbed6b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，251人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue输出input的内容

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

桃扇骨/ 2023年10月18日 08:47/ 0 赞/ 68 阅读

相关对Vue一些方法的理解

Vue.filter 场景:时间戳转化成年月日这是一个公共方法,所以可以抽离成过滤器使用并且可以在HTML标签中使用，这就可以在v-for中使用在v-for中并

不念不忘少年蓝@/ 2023年06月08日 06:34/ 0 赞/ 26 阅读

相关 vue获取input值的方法总结

1、v-model：使用v-model创建双向数据绑定, 用来监听用户的输入事件以更新数据 <template> <input

红太狼/ 2022年12月04日 09:13/ 0 赞/ 428 阅读

相关 vue的一些笔记

整理一些使用到的vue笔记，因为记性不好，经常忘记，所以做做笔记。大佬请略过。好记性不如烂笔头。 vue中的三目运算 <!-- 在标签内使用，要加 : 例如sr

落日映苍穹つ/ 2022年11月19日 07:54/ 0 赞/ 173 阅读

相关 vue 实现自己的input

<template> <div class="form"> <span class="label">{ { label }}<

淡淡的烟草味﹌/ 2022年10月10日 09:53/ 0 赞/ 153 阅读

相关 vue监听input输入

想用vue监听input的输入，但是又懒得引入jquery，去网上查了资料，才找到方法。实现方法如下。 ![70][]用v-on来绑定，然后就可以动态获取input的值了

以你之姓@/ 2022年05月19日 03:39/ 0 赞/ 329 阅读

相关 Vue input的一些方法

多选框获取value 值，已经动态改变样式 ![70][] <div class="doctor"> <div class="doctor-li">

迷南。/ 2022年05月13日 04:44/ 0 赞/ 252 阅读

相关 vue + iview 中 Input 与 input 的 change 事件区别

转自： https://blog.csdn.net/yiifaa/article/details/52452153 1、vue + input <label>i

清疚/ 2022年03月06日 19:30/ 0 赞/ 898 阅读

相关 Vue的一些考点

前言作为前端开发中现行最火的框架之一，`Vue` 在面试中出现的频率不断增加。基于此，总结了一些 `Vue` 方面经常出现的面试题，留给自己查看消化，也分享给有需要的小

r囧r小猫/ 2022年02月04日 01:57/ 0 赞/ 315 阅读

相关 vue的一些规范

1.1 命名原则：简洁明了（如下：） src 源代码 img 图片资源 js JavaScript脚本

逃离我推掉我的手/ 2021年10月01日 07:22/ 0 赞/ 481 阅读