vue2.0实现全选,全不选。

所属分类:输入-选择框

 2812  21  查看评论 (3)
vue2.0实现全选,全不选。 ie兼容10

更新时间:2017/5/15 上午10:46:23

更新说明:1,删除多余代码

{{entity.text}}
{{list.text}}
(630)
更多

2,增加功能,在父列点击时,增加判断,使同级父列一次只可展开一个(如下代码部分,增加代码为加粗字体的代码)

handleTit(i) { //点击父级
    let state = this.entitiesState;
    this.$set(state, i, !state[i]);
    for (let a in this.entitiesState) {
        if (a != i) {
            this.$set(state, a, false);
        }
    } //增加判断,改变同级的展开状态 
},

引入vue.min.js文件,也可以直接

<script src="http://www.jq22.com/jquery/vue.min.js"></script>

即可用vue实现简单页面

相关插件-选择框

jquery各大学选择插件

jquery text选择器点击事件弹出层选择学校value赋值
  选择框
 7348  52

漂亮的htm5单选、多选框

漂亮的htm5单选、多选框
  选择框
 13515  47

仿当当移动端省市区三级联动

仿当当网手机端的省市区去三级联动选择插件
  选择框
 14944  211

纯js省市县三级联动

js省市县三级联动
  选择框
 17325  70

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币

    SiriBen 0
    2017/5/14 10:22:45

    谷歌正常,360极速不兼容

        眼睛怎么睁都睁不大的乐乐0
        2017/5/15 9:19:38

        360需要些meta 声明为IE模式渲染之类的,反正360就是个坑 能不进就不进

        で 香蕉你个布呐呐?0
        2017/5/15 11:09:39
        <meta http-equiv="X-UA-Compatible" content="ie=edge">

        我试的正常来着。

    回复
取消回复