解决vue attr取不到属性值的问题


Posted in Javascript onSeptember 18, 2018

js:

$(document).ready(function() {
  $.get("/account/authGroupInfo",{id:groupId}, function(data) {
    var arr = data.data.rules.split(",");
    console.log(arr);
    $.get("/account/allRule",{}, function(result) {
      ruleList.options = result.data;
//问题所在
      ruleList.$nextTick(function () {
        $(".auth_rules").each(function () {
          if($.inArray($(this).attr("id"),arr)>-1) {
            $(this).prop('checked',true);
          }
        })
      })
    });
  });
});

html:

<tr v-for="value in options">
  <td><input type="checkbox" id="{{value.id}}" value="{{value.id}}," class="auth_rules">{{ value.title }}</td>
</tr>

使用

ruleList.$nextTick(function () {}) 拿到更新后的dom

以上这篇解决vue attr取不到属性值的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js的Prototype属性解释及常用方法
May 08 Javascript
js使用心得分享
Jan 13 Javascript
js检测用户输入密码强度
Oct 22 Javascript
jquery实现表格隔行换色效果
Nov 19 Javascript
jQuery实现进度条效果代码
Dec 17 Javascript
数据结构中的各种排序方法小结(JS实现)
Jul 23 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
ES6中Symbol类型用法实例详解
Apr 06 Javascript
JS库之Particles.js中文开发手册及参数详解
Sep 13 Javascript
JavaScript实现短信倒计时60s
Oct 09 Javascript
微信小程序获取用户绑定手机号方法示例
Jul 21 Javascript
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
Aug 24 Javascript
vue动画打包后失效问题的解决方法
Sep 18 #Javascript
vue自定义全局共用函数详解
Sep 18 #Javascript
vue-自定义组件传值的实例讲解
Sep 18 #Javascript
vuex actions传递多参数的处理方法
Sep 18 #Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
Sep 18 #Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
Sep 18 #Javascript
Vue中 key keep-alive的实现原理
Sep 18 #Javascript
You might like
PHP 输出缓存详解
2009/06/20 PHP
Yii框架页面渲染操作实例详解
2019/07/19 PHP
php+redis实现消息队列功能示例
2019/09/19 PHP
php+websocket 实现的聊天室功能详解
2020/05/27 PHP
理解Javascript_10_对象模型
2010/10/16 Javascript
Javascript Throttle &amp; Debounce应用介绍
2013/03/19 Javascript
js substr支持中文截取函数代码(中文是双字节)
2013/04/17 Javascript
判断滚动条到底部的JS代码
2013/11/04 Javascript
教你如何使用PHP输出中文JSON字符串
2014/05/22 Javascript
jquery获取复选框checkbox的值的简单实现方法
2016/05/26 Javascript
js实现tab切换效果
2017/02/16 Javascript
JavaScript多线程运行库Nexus.js详解
2017/12/22 Javascript
vue 实现边输入边搜索功能的实例讲解
2018/09/16 Javascript
vue递归组件实战之简单树形控件实例代码
2019/08/27 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
2020/04/30 Javascript
python正则表达式爬取猫眼电影top100
2018/02/24 Python
python生成不重复随机数和对list乱序的解决方法
2018/04/09 Python
python实现txt文件格式转换为arff格式
2018/05/31 Python
Python3.5常见内置方法参数用法实例详解
2019/04/29 Python
python基于socket函数实现端口扫描
2020/05/28 Python
Python3爬虫中Selenium的用法详解
2020/07/10 Python
深入浅析pycharm中 Make available to all projects的含义
2020/09/15 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
欧洲顶级体育电子商务网站:SportsShoes.com
2018/03/27 全球购物
计算机专业应届毕业生自荐信
2013/09/26 职场文书
简历中个人求职的自我评价模板
2013/11/29 职场文书
2014年道德讲堂实施方案
2014/03/05 职场文书
毕业设计说明书
2014/05/07 职场文书
快递员岗位职责
2014/09/12 职场文书
授权委托书公证
2014/09/14 职场文书
群众路线个人整改方案
2014/10/25 职场文书
2014年圣诞节寄语
2014/12/08 职场文书
入党自荐书范文
2015/03/05 职场文书
朝花夕拾读书笔记
2015/06/29 职场文书
七一慰问简报
2015/07/20 职场文书
用Python将GIF动图分解成多张静态图片
2021/06/11 Python