为了账号安全,请及时绑定邮箱和手机立即绑定

vue的default-expand-all不起效

标签:
Vue.js

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下的开头加上这样一行代码来取消对骆驼式变量名的检测:

/* eslint-disable camelcase */

如果是TS文件:

/* eslint-disable @typescript-eslint/camelcase */


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

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

对JS文件:

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

对TS文件:

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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
JAVA开发工程师
手记
粉丝
0
获赞与收藏
5

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消