解决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实现快速分享功能(你的文章分享工具)
Jun 25 Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
Dec 25 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
AngularJs自定义服务之实现签名和加密
Aug 02 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
Dec 20 Javascript
js canvas实现适用于移动端的百分比仪表盘dashboard
Jul 18 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
Nov 17 Javascript
实用的Vue开发技巧
May 30 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
Jun 05 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
Jul 18 Javascript
vue 动态添加class,三个以上的条件做判断方式
Nov 02 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程序的国际化实现方法(利用gettext)
2011/08/14 PHP
php正则替换处理HTML页面的方法
2015/06/17 PHP
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
2010/03/08 Javascript
Jquery获得控件值的三种方法总结
2014/02/13 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
使用AngularJS来实现HTML页面嵌套的方法
2015/06/17 Javascript
Jquery实现瀑布流布局(备有详细注释)
2015/07/31 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
2016/12/26 Javascript
微信小程序 登录实例详解
2017/01/16 Javascript
Three.js基础学习教程
2017/11/16 Javascript
jquery实现回车键触发事件(实例讲解)
2017/11/21 jQuery
解决vue处理axios post请求传参的问题
2018/03/05 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
2018/10/09 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
详解Python里使用正则表达式的ASCII模式
2017/11/02 Python
python利用sklearn包编写决策树源代码
2017/12/21 Python
Python简单实现网页内容抓取功能示例
2018/06/07 Python
python实时检测键盘输入函数的示例
2019/07/17 Python
wxPython多个窗口的基本结构
2019/11/19 Python
Python如何存储数据到json文件
2020/03/09 Python
DjangoWeb使用Datatable进行后端分页的实现
2020/05/18 Python
pyCharm 设置调试输出窗口中文显示方式(字符码转换)
2020/06/09 Python
纯CSS3实现地球自转实现代码(图文教程附送源码)
2012/12/26 HTML / CSS
CSS中垂直居中的简单实现方法
2015/07/06 HTML / CSS
捷克钓鱼用品网上商店:Parys.cz
2018/06/15 全球购物
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
静态变量和实例变量的区别
2015/07/07 面试题
销售口号大全
2014/06/11 职场文书
2014年幼儿园教研工作总结
2014/12/04 职场文书
高中团支书竞选稿
2015/11/21 职场文书
Spring Bean的实例化之属性注入源码剖析过程
2021/06/13 Java/Android
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/07 其他游戏
分析SQL窗口函数之聚合窗口函数
2022/04/21 Oracle