栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

vue的default-expand-all不起效

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

vue的default-expand-all不起效

q-tree中加入default-expand-all,没有展开节点

因为default-expand-all仅在组件第一次渲染时有效,当界面启动的时候,对数据进行了一次空值加载,当再次获取数据的时候是进行了二次渲染,所以渲染没有效果,节点没有展开。

所以要进行判断,判断数据是否有数据。

在标签q-tree内加入v-if="treeNodes.length",判断数组的长度,有数据的时候再进行渲染。

补充:vue Identifier 'is_enable' is not in camel case 提示vue中的命名方式需要驼峰式

对一个文件

如果是JS文件,在script下的开头加上这样一行代码来取消对骆驼式变量名的检测:

如果是TS文件:


全局取消检测骆驼式变量名

在根目录中找到eslint配置的代码,在rules中如下添加:

对JS文件:

rules: {
  ...
  'camelcase': 'off',
}

对TS文件:

rules: {
  ...
  '@typescript-eslint/camelcase': 'off',
}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/240002.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号