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);
        }
    }
})

 

 

 

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • linux下搭建kafka集群,linux系统zk+Kafka集群搭建

    linux下搭建kafka集群,linux系统zk+Kafka集群搭建Kafka集群搭建与配置准备工作安装java环境搭建zookeeper集群搭建kafka集群1.准备工作1.1安装包1.2准备至少3台主机(ubuntu系统)如果没有物理机,也可以弄3台虚拟机。ubuntu系统不会安装的话可以自己百度哦,这里就不细说了。作者用的是虚拟机,下面是3台电脑的配置主机名IP地址硬件配置kafka-1192.168.1.424CPU、4G内存、128G存储kafka…

    2022年4月29日
    45
  • ubuntu系统下安装gcc

    ubuntu系统下安装gcc第一次发帖,规矩不是很懂,我就直接进入主题吧!首先找到software&update然后点击downloadfrom下拉列表点击other选择下载的服务器,找到china,选择中国代理服务器,博主选择的是华为的镜像云服务器mirrors.huaweicloud.com,点击chooseserver来到权限授予窗口,输入你的password(系统创建时候设…

    2022年7月24日
    10
  • 测试用例八大要素及额外十小要素

    测试用例八大要素及额外十小要素测试用例八大要素1.测试用例编号由字母、字符、数字组合而成的字符串,有唯一性,易识别性。eg:1)系统测试:产品编号-ST-系统测试项名-系统测试子项名-编号2)集成测试:产品编号-IT-集成测试项名-集成测试子项名-编号3)单元测试:产品编号-UT-单元测试项名-单元测试子项名-编号这样看到编号就可以知道是做的什么测试,测试的对象是什么,也方便维护。 2.测…

    2022年6月28日
    23
  • RT-Thread FinSH控制台添加自定义msh命令原理「建议收藏」

    RT-Thread FinSH控制台添加自定义msh命令原理「建议收藏」FinSH是RT-Thread的命令行组件,提供一套供用户在命令行调用的操作接口,主要用于调试或查看系统信息。它可以使用串口/以太网/USB等与PC机进行通信。FinSH提供了多个宏接口来导出自定义命令,导出的命令可以直接在FinSH中执行。自定义的msh命令,可以在msh模式下被运行,将一个命令导出到msh模式可以使用如下宏接口:MSH_CMD_EXPORT(name,desc);示例如下:voidhellort(void){rt_kpr

    2022年5月21日
    69
  • 回文字符串判断python实现

    回文字符串判断python实现一:什么是回文字符串例如:abccba,qwerewq等,奇数偶数个都可以;二:实现方法1):使用切片defis_palindromic(num):str_len=len(num)index=str_len//2str1=num[:index]str2=num[index:][::-1]ifstr1==s…

    2022年5月3日
    69
  • CentOS 8 Docker离线安装[通俗易懂]

    CentOS 8 Docker离线安装[通俗易懂]CentOS8Docker安装一、将安装包上传至服务器[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I6pyAFi9-1651914678420)(/Users/kucha/Library/ApplicationSupport/typora-user-images/image-20220328161548290.png)]二、安装Docker1、安装包介绍containerd.io-1.3.7-3.1.el8.x86_64.rpm—-容器服务doc

    2022年9月25日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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