解决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 相关文章推荐
JavaScript 格式字符串的应用
Mar 29 Javascript
UpdatePanel和Jquery冲突的解决方法
Apr 01 Javascript
JQuery下拉框应用示例介绍
Apr 23 Javascript
script标签属性用type还是language
Jan 21 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
Feb 13 Javascript
jQuery实现复选框成对选择及对应取消的方法
Mar 03 Javascript
jQuery与getJson结合的用法实例
Aug 07 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
Google 地图事件实例讲解
Aug 06 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
Aug 15 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
Sep 28 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 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实现提取一个图像文件并在浏览器上显示的代码
2012/10/06 PHP
淘宝ip地址查询类分享(利用淘宝ip库)
2014/01/07 PHP
PHP实现文件上传和多文件上传
2015/12/24 PHP
THINKPHP截取中文字符串函数实例代码
2017/03/20 PHP
php curl简单采集图片生成base64编码(并附curl函数参数说明)
2019/02/15 PHP
永不消失的title提示代码
2007/02/15 Javascript
简单的无缝滚动程序-仅几行代码
2007/05/08 Javascript
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
2010/04/01 Javascript
js面向对象设计用{}好还是function(){}好(构造函数)
2011/10/23 Javascript
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
对比分析json及XML
2014/11/28 Javascript
jQuery基于图层模仿五星星评价功能的方法
2015/05/07 Javascript
jquery实现弹出层登录和全屏层注册特效
2015/08/28 Javascript
AngularJS自定义指令详解(有分页插件代码)
2017/06/12 Javascript
jQuery 实现图片的依次加载图片功能
2017/07/06 jQuery
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
2019/07/17 Javascript
vuex实现购物车的增加减少移除
2020/06/28 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
[02:20]DOTA2亚洲邀请赛 IG战队出场宣传片
2015/02/07 DOTA
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
对python插入数据库和生成插入sql的示例讲解
2018/11/14 Python
python urllib爬虫模块使用解析
2019/09/05 Python
详解python opencv、scikit-image和PIL图像处理库比较
2019/12/26 Python
利用Tensorflow的队列多线程读取数据方式
2020/02/05 Python
Keras 快速解决OOM超内存的问题
2020/06/11 Python
使用Python画了一棵圣诞树的实例代码
2020/11/27 Python
python中doctest库实例用法
2020/12/31 Python
澳大利亚第一的设计师礼服租赁网站:GlamCorner
2017/08/13 全球购物
Jdbc数据访问技术面试题
2012/03/30 面试题
员工安全责任书范本
2014/07/24 职场文书
实习护士自荐信
2015/03/25 职场文书
行政处罚事先告知书
2015/07/01 职场文书
2016中秋节广告语
2016/01/28 职场文书
MySQL派生表联表查询实战过程
2022/03/20 MySQL