解决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实现DIV的一些简单控制
Jun 04 Javascript
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
Mar 04 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
Mar 07 Javascript
解析window.open的使用方法总结
Jun 19 Javascript
javascript放大镜效果的简单实现
Dec 09 Javascript
jQuery.holdReady()使用方法
May 20 Javascript
5个可以帮你理解JavaScript核心闭包和作用域的小例子
Oct 08 Javascript
浅析node.js中close事件
Nov 26 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
c#程序员对TypeScript的认识过程
Jun 19 Javascript
原生javascript实现文件异步上传的实例讲解
Oct 26 Javascript
基于axios封装fetch方法及调用实例
Feb 05 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新手上路(十一)
2006/10/09 PHP
PHP整数取余返回负数的相关解决方法
2014/05/15 PHP
Yii框架实现记录日志到自定义文件的方法
2017/05/23 PHP
PHP基于curl post实现发送url及相关中文乱码问题解决方法
2017/11/25 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
In Javascript Class, how to call the prototype method.(three method)
2007/01/09 Javascript
用正则表达式 动态创建/增加css style script 兼容IE firefox
2009/03/10 Javascript
Iframe 自适应高度并实时监控高度变化的js代码
2009/10/30 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
node.js中的fs.renameSync方法使用说明
2014/12/16 Javascript
Jquery实现鼠标移动放大图片功能实例
2015/03/25 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
2016/01/06 Javascript
JS实现的简单轮播图运动效果示例
2016/12/22 Javascript
Node.js 8 中的 util.promisify的详解
2017/06/12 Javascript
vue-router单页面路由
2017/06/17 Javascript
详解小程序不同页面之间通讯的解决方案
2018/11/23 Javascript
js实现表格数据搜索
2020/08/09 Javascript
vue中的循环对象属性和属性值用法
2020/09/04 Javascript
Python求两个list的差集、交集与并集的方法
2014/11/01 Python
Python线程创建和终止实例代码
2018/01/20 Python
Python列表删除元素del、pop()和remove()的区别小结
2019/09/11 Python
Python3 无重复字符的最长子串的实现
2019/10/08 Python
python json 递归打印所有json子节点信息的例子
2020/02/27 Python
python DES加密与解密及hex输出和bs64格式输出的实现代码
2020/04/13 Python
python使用自定义钉钉机器人的示例代码
2020/06/24 Python
详解Python中import机制
2020/09/11 Python
世界最大的票务市场:viagogo
2017/02/16 全球购物
社区党建工作方案
2014/06/10 职场文书
会计人员演讲稿
2014/09/11 职场文书
婚礼答谢礼品
2015/01/20 职场文书
毕业纪念册寄语大全
2015/02/26 职场文书
看看如何用Python绘制小米新版天价logo
2021/04/20 Python
pytorch 如何把图像数据集进行划分成train,test和val
2021/05/31 Python
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android
MYSQL 表的全面总结
2021/11/11 MySQL
漫画「日和酱的要求是绝对的」第3卷封面公开
2022/03/21 日漫