解决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 相关文章推荐
IE/FireFox具备兼容性的拖动代码
Aug 13 Javascript
关于jquery动态增减控件的一些想法和小插件
Aug 01 Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
May 11 Javascript
JavaScript建立一个语法高亮输入框实现思路
Feb 26 Javascript
JQuery中对Select的option项的添加、删除、取值
Aug 25 Javascript
不到30行JS代码实现Excel表格的方法
Nov 15 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
Bootstrap的基本应用要点浅析
Dec 19 Javascript
vuejs响应用户事件(如点击事件)
Mar 14 Javascript
本地搭建微信小程序服务器的实现方法
Oct 27 Javascript
微信小程序实现添加手机联系人功能示例
Nov 30 Javascript
jQuery无冲突模式详解
Jan 17 jQuery
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随机显示图片的简单示例
2014/02/15 PHP
php实现两表合并成新表并且有序排列的方法
2014/12/05 PHP
PHP中Array相关函数简介
2016/07/03 PHP
php实现给二维数组中所有一维数组添加值的方法
2017/02/04 PHP
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
2010/06/28 Javascript
js读取配置文件自写
2014/02/11 Javascript
easyui datagrid 键盘上下控制选中行示例
2014/03/31 Javascript
Node.js实现Excel转JSON
2015/04/24 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
2015/08/27 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
2015/10/12 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
详解vee-validate的使用个人小结
2017/06/07 Javascript
Vue表单类的父子组件数据传递示例
2018/05/03 Javascript
javascript面向对象创建对象的方式小结
2019/07/29 Javascript
微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
2020/06/01 Javascript
js操作两个json数组合并、去重,以及删除某一项元素
2020/09/22 Javascript
如何在vue 中引入使用jquery
2020/11/10 jQuery
python实现电子词典
2020/04/23 Python
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
Python列表(list)常用操作方法小结
2015/02/02 Python
Python2与Python3的区别实例分析
2019/04/11 Python
Python中函数的基本定义与调用及内置函数详解
2019/05/13 Python
python如何给字典的键对应的值为字典项的字典赋值
2019/07/05 Python
PyCharm 专业版安装图文教程
2020/02/20 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
python tkinter GUI绘制,以及点击更新显示图片代码
2020/03/14 Python
Python延迟绑定问题原理及解决方案
2020/08/04 Python
Python实现上下文管理器的方法
2020/08/07 Python
Farnell德国:电子元器件供应商
2018/07/10 全球购物
Daisy London官网:英国最大的首饰集团IBB旗下
2019/02/28 全球购物
师范毕业生自荐信
2013/10/17 职场文书
建议书的格式
2014/05/12 职场文书
大学军训自我鉴定大全
2014/09/18 职场文书
会计试用期自我评价怎么写
2014/09/18 职场文书
详解CocosCreator消息分发机制
2021/04/16 Javascript