使用vue3-treeselect问题

news/2024/7/8 4:53:14 标签: 前端, vue3-treeselect

1.当vue3-treeselect是单选时,使用watch监听绑定value,无法监听到值清空

对照后将:value改为v-model,如图

2.使用vue3-treeselect全部清空按钮如何置空select的值,使用watch监听

多选:
    'pageInfo.officeName'(val) {
      // console.log('val', val.length);
      if (val.length == 0) {
        this.classTableData = [];
        this.$refs.treeselect.clear();
      }
    },
单选:
    'pageInfo.officeId'(val) {
      if (!val) {
        this.classTableData = [];
        this.$refs.treeselect.clear();
        console.log(this.pageInfo.officeId, 'watchpageInfo.officeId');
      }
    },

3.当vue3-treeselect是单选,清空后默认值显示(unknown)

解决:将这个默认值设置为null或undefined

4.Froperty "$oreateElement" was accessed during render but is not defined onruntime core.esm bundler.is:48instanee.at <VueTreeselectInput>出现这种警告

原因是vue的版本问题,应使用vue3,但是由于是之前的项目改不了vue版本,只能将其注释,搜索的答案就是:

要删除此错误直至修复,
请在 node_modules 文件夹中找到 vue3-treeselect.common.js 文件,
然后注释掉所有包含“var h = this.$createElement;”的行。
截至本文发布时,应该有 27 行。

5.[Vue warn]: Failed to resolve component: transition
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

未解决


http://www.niftyadmin.cn/n/5536499.html

相关文章

#Vue 3 + ts + antd table表格的使用(嵌套 子表格版)

1. 嵌套子表格的使用 <template><a-table :columns"columns" :data-source"data" class"components-table-demo-nested"><template #bodyCell"{ column }"><template v-if"column.key operation">…

WCCI 2024第三弹:忍者表演惊艳全场,盛大晚宴不容错过

WCCI 2024第三弹&#xff1a;忍者表演惊艳全场&#xff0c;盛大晚宴不容错过&#xff01; 会议之眼 快讯 会议介绍 IEEE WCCI&#xff08;World Congress on Computational Intelligence&#xff09;2024&#xff0c;即2024年IEEE世界计算智能大会&#xff0c;于6月30日至7月…

LabVIEW航空用电缆检测

系统通过集成LabVIEW平台&#xff0c;实现了航空用电缆检测过程中的自动数据收集、处理和报告生成&#xff0c;显著提升了检测效率和数据准确性&#xff0c;降低了人工干预&#xff0c;提高了电缆检测的可靠性。 项目背景 在航空领域&#xff0c;电缆的质量检测对确保飞机及其…

地铁车厢火灾3D模拟逃生演习减少了资源损耗和风险

在消防安全领域&#xff0c;为了更好地提升安全实训效果&#xff0c;我们在VR安全培训领域打造了多款消防安全VR模拟实训系统&#xff0c;不仅实现了与现实世界无异的交互操作&#xff0c;更在虚拟空间中超越了现实的限制&#xff0c;模拟出那些现实中难以搭建的复杂场景。 利用…

【Unity navmeshaggent 组件】

【Unity navmeshaggent 组件】 组件概述&#xff1a; NavMeshAgent是Unity AI系统中的一个组件&#xff0c;它允许游戏对象&#xff08;通常是一个角色或AI&#xff09;在导航网格&#xff08;NavMesh&#xff09;上自动寻路。 组件属性&#xff1a; Radius&#xff1a;导航…

比尔・盖茨谈AI市场狂热现象;腾讯推出TransAgents文学翻译框架

&#x1f989; AI新闻 &#x1f680; 比尔・盖茨谈AI市场狂热现象 摘要&#xff1a;微软联合创始人比尔・盖茨在《下一个伟大的构想》播客节目中表示&#xff0c;目前AI市场的狂热程度远超互联网泡沫&#xff0c;准入门槛低&#xff0c;融资额巨大&#xff0c;处于前所未见的…

Web与App测试:深入解析两者的关键差异

1. 架构不同 Web测试&#xff1a;基于B/S&#xff08;Browser/Server&#xff0c;浏览器/服务器&#xff09;架构&#xff0c;用户通过浏览器访问服务器上的资源&#xff0c;无需在本地安装额外的客户端软件。App测试&#xff1a;基于C/S&#xff08;Client/Server&#xff0c…

安全和加密常识(1)对称加密和非对称加密以及相应算法

文章目录 对称加密(Symmetric Encryption)非对称加密(Asymmetric Encryption)使用场景和优缺点对称加密和非对称加密是信息安全领域中两种重要的加密方式,它们分别使用不同的加密算法和密钥管理方式来保护数据的机密性。下面我来简单介绍一下它们及其相应的算法。 对称加…