在vue中出现了各种各样的框架，vue-treeselect就是vue的树选择；就是基于vue的多选组件在平常的情况下一般我把vue-treeselect再次封装一遍为自己业务提供便利当然它的功能还是有很多的例如：单选、多选、模糊搜索、清除等等不说废话了直接看代码吧咱们来一个一个说明一下吧首先命名一个树的名字，到时候组件调用的时候好调用也就是name之后是透传的参数和数据配置props组件肯定是子
转载
2024-07-31 18:00:06
480阅读
一、是什么Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫 Dead code elimination简单来讲，就是在保持代码运行结果不变的前提下，去除无用的代码如果把代码打包比作制作蛋糕，传统的方式是把鸡蛋（带壳）全部丢进去搅拌，然后放入烤箱，最后把（没有用的）蛋壳全部挑选并剔除出去而treeshaking则是一开始就把有用的蛋白蛋黄（import）放入搅
前言 类目筛选功能： 每行只能选中一个动态绑定选中元素的样式点击“x”能去掉显示效果一、css样式准备<style>
body {
background: #b5abb3;
}
dl,
dd,
h3,
p {
margin: 0;
}
h3 {
转载
2024-10-17 17:57:37
117阅读
<treeselect :appendToBody="true" :options="item.options" v-model="formResult[item.columncode]" :normalizer="normalizer" placeholder="请选择" noOptionsTex
原创
2022-08-04 17:02:00
2853阅读
props : {
beanProps : {
type : Object
},
// 多种类型
propB: [String, Number],
// 必传且是字符串
propC: {
type: String,
required: tr
vue-treeselect 组件官方中文网站: https://www.vue-treeselect.cn/需求背景: 在el-tabs内容中添加此组件出现被遮挡问题通过文档查询解决方法<treeselect
v-model="params.wardIds"
:options="hospitalWardTree"
value-consists-of="LE
原创
2023-08-18 10:16:54
2248阅读
如图，想要实现当点击右边红框内的字母时，左边蓝色箭头处字母滚动到相应位置。 组件关系如图，右侧红色框内字母列表是组件Alphabet.vue，左侧蓝色箭头城市名称区域是组件List.vue。 这种简单的兄弟组件之间的传值我们这里采用通过父组件转发的方式，即Alphabet组件发送一个事件并携带事件内容给父组件，父组件再转发给List组件，从而实现兄弟组件之间的联动。首先打开Alphabet组件，我
转载
2024-04-17 12:53:59
390阅读
写在前面 本以为可以在家学习一天，结果家里来了客人拜年，就没学习上，有点小遗憾吧。 昨天完成从分类管理的前后端代码
原创
2024-03-05 09:54:54
2102阅读
效果图首先是tree组件"> <ul class = "menu-tree">
<li v-for = "(item,index) in menus" :key = "index">
<!-- 遍历menus-->
<div :class = "{'itemTree':true,'active':actId == i
接下来我们就以前面创建的mini-vue3为基础来实现Vue3新增的API，首先要讲的就是Composition API。什么是Compostion API呢？顾名思义，组合式API。相对而言我们在Vue2中使用的叫Options API，也即配置型API，我们的代码通过Vue给定的options，将代码写入到各个options中。比如mountd是虚拟dom装载完成之后的钩子，因此在SSR的服务
转载
2024-09-30 10:12:31
88阅读
前言：Vue的官网上提供了两种过渡的效果，一个呢是对元素的过渡，比如元素渐变消失，旋转着出现之类的。另外一种呢，是监测数据，比如你把一个数值从0改到10，显示出来的效果就是从0变成1，变成2...变成10，根据这个还能搞颜色的过渡。在我看来，这些过渡还是比较炫酷的，毕竟没见过啥世面。这里做一个简单的介绍吧，以后要是能用到，也算了解过。1、元素过渡 Vue提供了transition组件，我一开
文章目录一、简介二、Vue2和Vue3区别三、Vue知识点学习一、Vue基础-几个基本属性介绍和简单案例1、template属性2、data属性3、methods属性4、计数器案例二、Vue基础-模板语法1、模板语法2、基本指令3、v-bind和v-on4、条件渲染5、列表渲染6、VNode三、Vue3的Options-API1、计算属性computed2、侦听器watch四、知识点综合小案例四
源码系列文章很长时间没有更新，一是在考虑文章用什么方式写质量会更高，用什么方式总结更易于扩展和总结知识点，加上工作、看书、健身占用的时间比较多所以也没时间去整理。最近在网上看到一篇文章感觉这种方式不错，刚好ant Desgin of vue发布，就想试试用这种方式写文章，而且通过画思维导图来整理整个知识点： 还没有整理完，里面经常会有打问号的解释是因为要看到后面才能知道这个组件的用途。后续会将其补
转载
2024-04-29 13:35:58
160阅读
需求在项目中需要对TreeView进行定制，要求比较简单，主要要求如下： 每个节点被造中时可以有自己的事件Winform中TreeView控件默认只支持树级别的CheckBox,再要求支持节点级别的CheckBox/RadioButton，即能为每个节点设置支不支持选择，选择的样式是复选还是单选。Winform中TreeView控件节点的默认显示样式是“CheckBox"+ “图片”+“
转载
2024-07-25 16:14:21
141阅读
嵌套列表（二维列表）1.创建通过每个元素的值matrix = [[1,2,3],[4,5,6],[7,8,9]]martix = [[1,2,3],
[4,5,6],
[7,8,9]]以上两种写法是等价的，第二种写法更加直观：通过循环语句创建和初始化二维列表A = [0] * 3
for i in range(3):
A[i] = [0] * 3注意：不
转载
2024-03-15 19:48:55
125阅读
vu3父子组件传值(选项式）
原创
2024-06-11 16:05:27
139阅读
目录1. 路由重定向 2. 嵌套路由 3.1 声明子路由链接和子路由占位符3.2 通过 children 属性声明子路由规则 4. 动态路由匹配 4.1 动态路由的概念4.2 $route.params 参数对象4.3 使用 props 接收路由参数5. 声明式导航 & 编程式导航5.1 vue-router 中的编程式导航 API5.2 $rout
转载
2024-10-05 14:57:34
185阅读
十二、列表渲染1、基本列表1、v-for指令
用于展示列表数据语法：v-for=“(item, index) in xxx” :key=“yyy”；in也可换成of可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少）2、CODE<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
文章目录前言一、如何封装axios并使用1.封装axios2.vue antd 上传list时状态不改变总结 前言antd vue我自己也用了有一段时间了，现在我来总结一下我遇到的坑以及解决方法，有什么不对的地方大家可以指出来，互相交流，共同进步一、如何封装axios并使用 基本和vue 里一样，只不过这里会涉及到一些提示功能，这个时候要用到antd自带的message组件。1.封装axios代
转载
2024-09-10 08:45:32
205阅读
如果您有疑问，请观看视频教程《Vue3实战教程》TypeScript 与选项式 API这一章假设你已经阅读了搭配 TypeScript 使用 Vue 的概览。TIP虽然 Vue 的确支持在选项式 API 中使用 TypeScript，但在使用 TypeScript 的前提下更推荐使用组合式 API，因为它提供了更简单、高效和可靠的类型推导。为组件的 props 标注类型选项式
