iview+vue 项目中使用树结构
2023-09-11 14:15:07 时间
iview+vue 项目中使用树结构
问题描述: 在项目中使用iview中的tree-select组件的树结构的时候发现在ie环境下不能返显,问了解决这个问题,就在github上找了一个vue-treeselect
使用步骤
-
安装
npm install @riophae/vue-treeselect --save
-
在项目中使用
import Treeselect from '@riophae/vue-treeselect' import '@riophae/vue-treeselect/dict/vue-treeselect/css'
<Treeselect :option="list" v-model="form.parentId" @select="selTreeItem"></Treeselect>
selTreeItem: function(node, id) { console.log(id) }
-
treeselect 出现 unknown
treeselect
绑定的是form.parentId
,当把parentId
去掉就不会出现了,为了方便直接修改parentId
的值。当parentId
的值为{},[],string
的时候都会出现unknown,只要把parentId改为null或undefined就好了。
备注:
相关文章
- Vue笔记:安装配置node.js及使用vue-cli创建项目
- Vue-router实现单页面应用在没有登录情况下,自动跳转到登录页面
- vue ui 使用图形化界面
- cordova + vue 项目实现极光推送功能
- Vue.js:轻量高效的前端组件化方案
- 部署vue.js3.x项目到线上(vue.js 3.2.6/nginx 1.18.0)
- vue+webpack开发(一)
- vue 前端解决跨域问题,
- [Vue] Get up and running with vue-router
- vue.js3: 项目打包后部署到网站子目录(vue@3.2.33)
- vue 的 render 函数的用法:new Vue({ render: h => h(App), }).$mount(‘#app‘)
- vue项目elementui 的 el-checkbox复选框改成单选框样式:实现全选、全否、单选、反选功能(最简单的方法)
- Meteor+Vue 从入门到放弃
- IDEA整合SpringBoot-Vue项目
- 计算机毕设项目 40个高质量SSM+VUE毕设项目分享【源码+论文】(五)
- 毕业设计 40个SSM+VUE毕设项目分享【源码+论文】(三)
- 233:vue+openlayers绘制渐变填充色的圆形、多边形
- 223:vue+openlayers:引用插件,实现探照灯效果
- Vue 插槽 slot的简单实用
- Vue项目的打包方式(生成dist文件)
- 五分钟学会用 Vue 脚手架搭建一个完整项目
- 如何在vue页面中引入其他的子组件?(局部引入/全局引入)
- vue 点击小眼睛 显示/隐藏
- vue商品倒计时demo效果(整理)
- Vue中组件间通信的6种方式
- 基于Java+SpringBoot+Vue前后端分离学生管理系统设计与实现
- IDEA整合SpringBoot-Vue项目
- vue项目打包后部署到服务器(超详细步骤)
- Vue:第一个vue-cli项目