解决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 相关文章推荐
HTML-CSS群中单选引发的“事件”
Mar 05 Javascript
JSON 客户端和服务器端的格式转换
Aug 27 Javascript
为原生js Array增加each方法
Apr 07 Javascript
js中Image对象以及对其预加载处理示例
Nov 20 Javascript
JS 通过系统时间限定动态添加 select option的实例代码
Jun 09 Javascript
jQuery实现简单的网页换肤效果示例
Sep 18 Javascript
微信小程序引用公共js里的方法的实例详解
Aug 17 Javascript
Vue 去除路径中的#号
Apr 19 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
Aug 25 Javascript
微信小程序之事件交互操作实例分析
Dec 03 Javascript
JS实现点击生成UUID的方法完整实例【基于jQuery】
Jun 12 jQuery
浅谈JavaScript节流和防抖函数
Aug 25 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
为什么夜间收到的中波电台比白天多
2021/03/01 无线电
无数据库的详细域名查询程序PHP版(3)
2006/10/09 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
[原创]PHP字符串中插入子字符串方法总结
2016/05/06 PHP
laravel中Redis队列监听中断的分析
2020/09/14 PHP
在视频前插入广告
2006/11/20 Javascript
jquery 图片 上一张 下一张 链接效果(续篇)
2010/04/20 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
2013/01/09 Javascript
杨氏矩阵查找的JS代码
2013/03/21 Javascript
关于JavaScript中name的意义冲突示例介绍
2014/05/29 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
2016/05/09 Javascript
JavaScript实现in-place思想的快速排序方法
2016/08/07 Javascript
JS中的作用域链
2017/03/01 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
2018/11/10 Javascript
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
2019/02/27 jQuery
Vue中的情侣属性$dispatch和$broadcast详解
2019/03/07 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
JavaScript canvas绘制渐变颜色的矩形
2020/02/18 Javascript
编写一个javascript元循环求值器的方法
2020/04/14 Javascript
react ant Design手动设置表单的值操作
2020/10/31 Javascript
详解Vue.js 可拖放文本框组件的使用
2021/03/03 Vue.js
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
Python 按字典dict的键排序,并取出相应的键值放于list中的实例
2019/02/12 Python
django与小程序实现登录验证功能的示例代码
2019/02/19 Python
python实现AES加密与解密
2019/03/28 Python
英国网上超市:Ocado
2020/03/05 全球购物
新加坡鲜花速递/新加坡网上花店:Ferns N Petals
2020/08/29 全球购物
会计专业毕业生求职信分享
2014/01/03 职场文书
出国留学介绍信
2014/01/13 职场文书
教师现实表现材料
2014/02/14 职场文书
员工生日会策划方案
2014/06/14 职场文书
2014年班长个人工作总结
2014/11/14 职场文书
2015大学自主招生自荐信范文
2015/03/04 职场文书
安全生产隐患排查制度
2015/08/05 职场文书
基于Python实现对比Exce的工具
2022/04/07 Python