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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • pycharm配置运行环境_服务器运行失败怎么办

    pycharm配置运行环境_服务器运行失败怎么办今天讲一下,如何使用pycharm关联服务器代码,以及使用本地文件启动,服务器环境。1、设置连接填写服务器信息,ip地址,端口号,登录用户,密码,选择好服务器项目的路径。配置服务器同步运行环境输入密码设置路径,选择python路径,和你同步路径设置好以后,完成。然后启动,本地项目设置。设置好以后,启动本地项目。然后使用服务器地址,访问8000端口。在浏览器,使服务器的ip+8000端口,访问。即可。且,在本地修改代码,会时时同步

    2022年8月26日
    3
  • C#点餐系统_点餐系统数据库设计

    C#点餐系统_点餐系统数据库设计一.编程思想1.首先考虑需要什么样的界面;2.界面中需要用到的控件,以及控件的简单设置;3.在不需要按钮控件的情况下,点击会生成按钮的实现;4.通过点击后生成的菜品统计以及价格的自动计算;二.编程核心1.获取控件中的内容;2.添加按钮点击事件;3.对控件中的内容封装传递后并在下一步取出;4.label控件和button控件的生成;5.主要用到了foreach进行遍历;三.实现……

    2022年9月7日
    2
  • Mac OS X中MacPorts安装和使用

    Mac OS X中MacPorts安装和使用Mac下面除了用dmg、pkg来安装软件外,比较方便的还有用MacPorts来帮助你安装其他应用程序,跟BSD中的ports道理一样。MacPorts就像apt-get、yum一样,可以快速安装些软件。下面将MacPorts的安装和使用方法记录在这里以备查。访问官方网站http://www.macports.org/install.php,这里提供有dmg安装和源码安装两种方式,d…

    2022年9月21日
    2
  • Qt Quick实现的涂鸦程序

    Qt Quick实现的涂鸦程序

    2022年2月5日
    180
  • wireshark视频流播放_ffmpeg无缝推流多个视频

    wireshark视频流播放_ffmpeg无缝推流多个视频使用QT+FFMPEG实现了RTSP视频流播放的基础操作,点击按钮后,将拉取指定地址的RTSP流,并在QT界面中通过Label显示

    2022年10月17日
    1
  • 怎么清除火狐浏览器的cookie?

    怎么清除火狐浏览器的cookie?

    2021年10月15日
    44

发表回复

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

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