vue .js绑定checkbox并获取、改变选中状态「建议收藏」

vue .js绑定checkbox并获取、改变选中状态「建议收藏」vue.js绑定checkbox并获取、改变选中状态1.html<divclass=”weui-cellsweui-cells_checkboxfont14″v-for=”iteminitems”><labelclass=”weui-cellweui-check__label”><…

大家好,又见面了,我是你们的朋友全栈君。

vue .js绑定checkbox并获取、改变选中状态

1.html

<div class="weui-cells weui-cells_checkbox font14" v-for="item in items">
            <label class="weui-cell weui-check__label">
                <div class="weui-cell__ft width-inherit">
                    <input type="checkbox" class="weui-check" v-on:click="CheckItem(item)" v-model="item.state" name="checkbox" />
                </div>
            </label>
        </div>

2.js

var vum = new Vue({
    data:{
        items:[{state:false}]
    },
    methods:{
        CheckItem:function(item){
            item.state = !item.state;
            console.log(this.items);
        }
    }
})

 

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/150121.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Java零基础学习难吗「建议收藏」

    Java零基础学习难吗「建议收藏」  java编程是入行互联网的小伙伴们大多数的选择,那么对于零基础的小伙伴来说Java零基础学习难吗?如果你是初学者,你可以很好的理解java编程语言。并不困难。如果你的学习能力比较高,那么你对Java的理解会更快。而如果你恰巧已经掌握了c或c++语言编程的全部知识,那么学起Java来就会更简单了。但这是没有必要的,如果你的思维逻辑还可以,那么你是可以很好的成为一名Java程序员的。  Java零基础学习难吗?Java是一门直截了当的语言。边练习边学,越多的练习会让你有更大的进步,你会感觉很棒。你会

  • java 3DES (DESede/ECB/PKCS5Padding) 加解密[通俗易懂]

    java 3DES (DESede/ECB/PKCS5Padding) 加解密[通俗易懂]java3DES(DESede/ECB/PKCS5Padding)加解密

    2022年10月26日
  • 如何安装oracle vm virtualbox_虚拟机安装oracle11g

    如何安装oracle vm virtualbox_虚拟机安装oracle11g文章目录一、前言二、OracleVMVirtualBox下载安装三、XP系统镜像下载四、创建XP虚拟机五、启动虚拟机,安装系统六、主机与虚拟机双向互传文件一、前言我写了一篇关于VMware虚拟机安装WindowsXP系统的文章:https://linxinfa.blog.csdn.net/article/details/112768896不过正版VMware是收费的,所以我决定写一篇关于VirtualBox虚拟机的教程,因为VirtualBox是开源免费的,轻量,用起来也很不错,推荐大家使用。

  • Vc6.0打开该文件坠毁

    Vc6.0打开该文件坠毁

  • 关于getClass().getClassLoader()

    关于getClass().getClassLoader()InputStream  is  =  getClass().getClassLoader().getResourceAsStream(“helloworld.properties”);中getClass()和getClassLoader()都是什么意思呀.getClass():取得当前对象所属的Class对象  getClassLoader():取得该Class对象的类装载器类装载器

  • vsftp用户名密码配置_win10ftp服务器设置用户名和密码

    vsftp用户名密码配置_win10ftp服务器设置用户名和密码huangyandong于2011-05-1013:06:11发表:打开vsftpd的配置文件,redhat的配置文件默认为/etc/vsftpd.conf:要想使用本地用户登录的话则只需更改下列选项local_enable改为YESchroot_local_user=YES#当设置为YES时,本地用户登录后就自动转到他们的用户主目录中去。#注意!:该选项用安全问题,特别是当用户有上传文…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号