elementui tree节点高度自适应连线各个节点
摘要：tree.vue文件 <template> <div> <el-tree ref="treeRef" :data="treeData" node-key="atlasId" :show-checkbox="showCheckbox" :filter-node-method="filterNode"
阅读全文
posted @
2025-01-23 17:16
Tsunami黄嵩粟
阅读(31)
推荐(0) 编辑
el-select组件改造成多选显示多个标签加数字标签的形式并且点击某个默认值不允许删除
摘要：单独设置一个文件当做公共组件调用 <template> <main> <el-select ref="select" v-model="values" multiple style="width:100%" :placeholder="placeholder" @change="handleChan
阅读全文
posted @
2024-12-27 20:17
Tsunami黄嵩粟
阅读(228)
推荐(0) 编辑
vue3 KeepAlive
摘要：在Vue.js 3中，<keep-alive> 是一个抽象组件，用于保留其子组件状态，防止在切换组件时销毁它们。这对于在页面间切换时保留组件的状态或避免重复渲染特定组件非常有用。<keep-alive> 主要用于缓存组件，以提高性能和用户体验。 以下是一个简单的例子，演示了如何在Vue.js 3中使
阅读全文
posted @
2023-11-10 11:44
Tsunami黄嵩粟
阅读(141)
推荐(0) 编辑
vue3 Suspense
摘要：在Vue.js 3中，Suspense 是一个用于处理异步组件的特殊组件，它允许你在等待异步组件加载时展示备用内容。这对于优化用户体验、处理懒加载组件或异步数据获取时非常有用。Suspense 的主要目标是简化异步操作的状态管理和展示。 下面是一个简单的例子，演示了如何在Vue.js 3中使用Sus
阅读全文
posted @
2023-11-10 11:42
Tsunami黄嵩粟
阅读(173)
推荐(0) 编辑
vue3 Teleport
摘要：在Vue.js 3中，Teleport 是一种特殊的组件，用于在 DOM 树中的任何地方渲染其内容，而不受父组件的约束。这对于需要将组件的内容移动到 DOM 树的其他部分时非常有用，例如在模态框或弹出窗口中使用。 Teleport 提供了两个名为 teleport 和 teleport-to 的指令
阅读全文
posted @
2023-11-10 11:36
Tsunami黄嵩粟
阅读(51)
推荐(0) 编辑
vue3使用表格el-table-infinite-scroll.js:18 Uncaught (in promise) Error: [el-table-infinite-scroll]: .el-scrollbar__wrap element not found.
摘要：先看下表格里面有没有这个el-scrollbar__wrap class类 没有的话升级一下element-plus到最新的就行 你可以先查看element-plus的版本 npm view element-plus 下载完之后 就有了
阅读全文
posted @
2023-07-07 15:00
Tsunami黄嵩粟
阅读(350)
推荐(0) 编辑
vuw3学习大全（2）
摘要：# composition(组合式api) ## 1.为什么使用composition vue3里面不需要Mixins了?因为有compoition api 能讲逻辑进行抽离和复用 大型组件中，其中**逻辑关注点**按颜色进行分组。 这种碎片化使得理解和维护复杂组件变得困难。选项的分离掩盖了潜在的逻
阅读全文
posted @
2022-11-08 15:15
Tsunami黄嵩粟
阅读(63)
推荐(0) 编辑
vue3学习大全（1）
摘要：# vue3.0 Vue3.0 在北京时间2020年9月19 日凌晨,发布了 3.0 版本,代号:*One Piece* ## 1.新特性 Vue 3 中一些需要关注的新功能包括： - [组合式 API](https://v3.cn.vuejs.org/guide/composition-api-i
阅读全文
posted @
2022-11-08 14:18
Tsunami黄嵩粟
阅读(80)
推荐(0) 编辑
利用nodejs的require.context来实现不用写impor导入组件
摘要：先给你们看下目录结构 stuendt和teacharts还有util是同级 主要是componentRegister.js文件 function changStr(str) { return str.charAt(0).toUpperCase() + str.slice(1) // charAt()
阅读全文
posted @
2021-07-02 19:59
Tsunami黄嵩粟
阅读(640)
推荐(0) 编辑
elementUI slider组件,带范围选择实现双向绑定
摘要：网上查过很多相关文章都没有一章是写element ui滑块带范围实现双向绑定 二个滑块二头的数据怎么得到 我的需求是做个时间轴要滑动选择不同的时间 开始很难做最后一点一点摸索得出的结论 好在写出来了先给大家看实体图 就是这样的 给大家贴代码 多余的代码我就不贴了 就给你们看主要的 <div> <el
阅读全文
posted @
2021-03-29 17:14
Tsunami黄嵩粟
阅读(2706)
推荐(1) 编辑
echarts的示例跟做出来的不一样
摘要：先给大家看下我做出来的和echarts官网做出来的 代码什么的都是一模一样但是颜色不一样 它字的颜色和柱状图颜色还一样不知道是不是脑子有猫病~ 上面是我做的 下面是官网的 主要是代码都是一样 我又不是某宝买衣服 颜色差别这么大呢？ 我给你们看代码下面是我写的 <template> <div> <di
阅读全文
posted @
2021-03-05 10:45
Tsunami黄嵩粟
阅读(561)
推荐(0) 编辑
升降排序
摘要：name就是前面的数据 num就是次数 for (const k in speakerss[index]) { this.therrUserListss.push({ name: k, num: speakerss[index][k] }) } this.fourUserListss = this.
阅读全文
posted @
2021-02-25 11:41
Tsunami黄嵩粟
阅读(49)
推荐(0) 编辑
下载表格文件 弹出选择保存文件路径
摘要：1.npm安装依赖 npm install vue-json-excel 2.项目主文件入口main.js全局引入 import JsonExcel from 'vue-json-excel' Vue.component('downloadExcel', JsonExcel)组件里面 import
阅读全文
posted @
2021-02-02 19:38
Tsunami黄嵩粟
阅读(1943)
推荐(0) 编辑
鼠标悬浮显示鼠标停留数据的内容 elementui + vue
摘要：先看效果图 直接上代码 <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane :label="speaker.abscissa[0]" name="first"> <div class="list" v-for="(
阅读全文
posted @
2021-02-02 16:43
Tsunami黄嵩粟
阅读(3216)
推荐(1) 编辑
vscode settings.json配置
摘要：{ //指定工作台中使用的文件图标主题；若指定为 "null"，则不显示任何文件图标 "workbench.iconTheme": "vscode-icons", //如果设置成'true'，关于新的版本消息将不再显示 "vsicons.dontShowNewVersionMessage": tru
阅读全文
posted @
2021-01-26 11:52
Tsunami黄嵩粟
阅读(317)
推荐(0) 编辑
使用elementUI组件来完成前台展示
摘要：使用elementUI组件来完成前台展示，当然不是全部都用，有用到的时候，才用。 网址：https://element.eleme.cn/#/zh-CN 安装 cnpm i element-ui -S 快速上手 全局配置,一次配置，全局好用，缺点：不管你用不用，都加载进来了。 在src/main.j
阅读全文
posted @
2021-01-21 17:43
Tsunami黄嵩粟
阅读(976)
推荐(0) 编辑
vuex做购物车功能
摘要：先创建一个cart组件 <template> <div> <ListItem></ListItem> </div> </template> <script> import ListItem from "./ListItem"; export default { components: { ListI
阅读全文
posted @
2021-01-13 15:32
Tsunami黄嵩粟
阅读(150)
推荐(1) 编辑
vuex
摘要：https://vuex.vuejs.org/zh/ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享。如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。如果您的应用够简单，最好不要使用V
阅读全文
posted @
2021-01-13 13:12
Tsunami黄嵩粟
阅读(104)
推荐(1) 编辑
vant做城市列表
摘要：vant: https://youzan.github.io/vant/#/zh-CN/ 安装 cnpm i -S vant 按需加载配置 # 在 babel.config.js 中配置 module.exports = { plugins: [ ['import', { libraryName:
阅读全文
posted @
2021-01-13 11:18
Tsunami黄嵩粟
阅读(863)
推荐(1) 编辑
vue移动端 滚动
摘要：better-scroll: https://better-scroll.github.io/docs/zh-CN/guide/ 影院列表数据使用better-scroll来完成数据的展示，此插件对于移动站点的滚动非常友好 安装 cnpm i -S better-scroll html结构一定要规定
阅读全文
posted @
2021-01-12 17:15
Tsunami黄嵩粟
阅读(212)
推荐(0) 编辑
