首页 > 其他分享 >VUE中的 TreeSelect使用

VUE中的 TreeSelect使用

时间:2023-09-01 21:35:53浏览次数:43  
标签:npm vue VUE 使用 TreeSelect treeselect 页面

vue-treeselect的组件使用

 

一 先通过npm 安装 vue-treeselect

npm intall --save @riophae/vue-treeselect

 

 二 页面中引入,声明组件

 三 页面使用


 然后动态绑定data(数据)

 这个Id和Label还有children都是可以修改的但是注意!一定要和后端定义的值对的上!

最终效果图

 

标签:npm,vue,VUE,使用,TreeSelect,treeselect,页面
From: https://www.cnblogs.com/syjtiramisu/p/17672866.html

相关文章

  • 使用AI写邮件-AI基础系列文章第18篇
    您的关注是对我最大的支持......
  • 在GIn框架中使用JWT
    在gin框架中使用JWT JWT全称JSONWebToken是一种跨域认证解决方案,属于一个开放的标准,它规定了一种Token实现方式,目前多用于前后端分离项目和OAuth2.0业务场景下。什么是JWT?JWT全称JSONWebToken是一种跨域认证解决方案,属于一个开放的标准,它规定了一种Token实现方式,目前多......
  • 使用Jmeter并发1000个用户
    1.新增一个测试计划---新增线程组---新增http请求线程设置 2.填入接口信息因为这里parameters和BodyData只能填一个,如是在BodyData中传需新增一个请求头,里面写上Content-typex 3.右击测试计划--Add--ConfigElement--HTTPHeaderManager 4.CSV数据文件设置右击接......
  • Git使用教程-安装、配置、建立本地仓库、本地仓库的基本操作(查看工作区的文件状态,添加
    Git介绍一、为什么要学习Git?在开发一个软件时,这份工作通常需要一个team来完成。我们把这个软件划分为不同的模块,每个人负责一个模块的开发和维护。在这个过程中,如何保持team中成员软件开发的同步,保存开发周期中各个历史版本,解决team中成员间开发的版本冲突?Git是对这个问题......
  • 开发小技巧 - 合理使用Visual Studio 2022内置任务列表(TODO)
    前言在开发编码过程中经常会因为各种问题而打断自己的思绪和开发计划,可能会导致本来准备开发或者需要测试的功能到要上线的时候才想起来没有做完。这种情况相信很多同学都遇到过,咱们强大的VisualStudio内置了一个任务列表(TODO)能让我们当做待办清单功能使用,接下来我们快速了解一......
  • vue项目中package.json的个人见解
    一、背景介绍Vue.js是一种流行的JavaScript前端框架,它以简洁的语法、灵活性和可扩展性而受到开发者的青睐。在Vue项目中,package.json文件是一个非常重要的配置文件,它管理着项目的依赖关系、脚本命令、版本信息等。本文将探讨package.json在Vue项目中的重要性以及个人的使用经验。二......
  • JavaScript阶段易踩坑--层级覆盖--var与let使用--事件流(捕获和冒泡)
    刚刚走完JavaScript阶段,感觉挺爽的。但在总结的时候,我发现一些在做网页中容易错的地方,还有一些比较重要的方面。为了避免其他人在这一阶段也遇到这些问题。我今天就着重说一下在JavaScript这一阶段我容易出现的问题,从而让大家在遇到相同问题的时候可以快速解决。一.盒子覆盖问题只......
  • shell之ceph分布式存储OSD使用率监控实战脚本
    当OSD空间使用超过85%,cephhealth就会有⚠️,说该OSDnearfull,这种情况下只是一个提醒,如果集群中很多OSD都nearfull,那么最合理的措施当然时添加OSD或者添加存储节点,即我们通常说的扩容。当osd使用满了后,集群将无法提供存储服务,无法继续写入数据,只读。所以需要对osd使用率进行监控并......
  • Lucene初使用
    其中用到的几个jar包 相关代码如下:复制代码packagecom.eplant;importjava.io.IOException;  importorg.apache.lucene.analysis.SimpleAnalyzer;  importorg.apache.lucene.document.Document;  importorg.apache.lucene.document.Field;  importo......
  • 使用 bc4 解决 git 合并冲突问题
    博客地址:https://www.cnblogs.com/zylyehuo/STEP1:安装beyondcompare安装地址:https://www.scootersoftware.com/downloadSTEP2:查看beyondcompare软件安装路径STEP3:在git中配置(仅对当前项目有效)gitconfig--globalmerge.toolbc4gitconfig--globalmergeto......