解决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 constructor的实际作用分析
Nov 15 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
Apr 22 Javascript
javascript遇到html5的一些表单属性
Jul 05 Javascript
利用jQuery实现一个简单的表格上下翻页效果
Mar 14 Javascript
JavaScript运动框架 多物体任意值运动(三)
May 17 Javascript
AngularJS入门教程一:路由用法初探
May 27 Javascript
EL表达式截取字符串的函数说明
Sep 22 Javascript
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
Sep 28 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
Dec 26 Javascript
基于Vue+ElementUI的省市区地址选择通用组件
Nov 20 Javascript
ES6箭头函数和扩展实例分析
May 23 Javascript
原生JavaScript实现拖动校验功能
Sep 29 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
thinkPHP+LayUI 流加载实现功能
2019/09/27 PHP
PHP中的输出echo、print、printf、sprintf、print_r和var_dump的示例代码
2020/12/01 PHP
JavaScript 组件之旅(四):测试 JavaScript 组件
2009/10/28 Javascript
jQuery 表格工具集
2010/04/25 Javascript
自己做的模拟模态对话框实现代码
2012/05/23 Javascript
Javascript的时间戳和php的时间戳转换注意事项
2013/04/12 Javascript
Javascript中浮点数相乘的一个解决方法
2014/06/03 Javascript
JS随机洗牌算法之数组随机排序
2016/03/23 Javascript
JS+Canvas绘制时钟效果
2020/08/20 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
Mongoose中document与object的区别示例详解
2017/09/18 Javascript
Vue组件库发布到npm详解
2018/02/17 Javascript
Angular-UI Bootstrap组件实现警报功能
2018/07/16 Javascript
vue输入框使用模糊搜索功能的实现代码
2020/05/26 Javascript
python fabric使用笔记
2015/05/09 Python
Python引用模块和查找模块路径
2016/03/17 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
python实现比较文件内容异同
2018/06/22 Python
Python异常的检测和处理方法
2018/10/26 Python
浅析python的Lambda表达式
2019/02/27 Python
Django 实现图片上传和显示过程详解
2019/07/18 Python
python中open函数的基本用法示例
2019/09/07 Python
Python中zip()函数的解释和可视化(实例详解)
2020/02/16 Python
Python使用正则表达式实现爬虫数据抽取
2020/08/17 Python
scrapy与selenium结合爬取数据(爬取动态网站)的示例代码
2020/09/28 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
Urban Outfitters英国官网:美国平价服饰品牌
2016/11/25 全球购物
竞选大队干部演讲稿
2014/09/11 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
统计员岗位职责
2015/02/11 职场文书
求职推荐信范文
2015/03/27 职场文书
综合办公室主任岗位职责
2015/04/01 职场文书
如何书写民事调解协议书?
2019/06/25 职场文书
教你解决往mysql数据库中存入汉字报错的方法
2021/05/06 MySQL
Nginx部署vue项目和配置代理的问题解析
2021/08/04 Servers
JS封装cavans多种滤镜组件
2022/02/15 Javascript