vue
文章平均质量分 57
帅帅哥的兜兜
何以解忧,唯有暴富!
展开
-
vue:使用:element 中弹框中获取table高度无效
dialog 弹框中想要获取里面table的高度,获取不到, 是因为dialog中有动画,需要监听动画加载完原创 2024-04-25 17:44:46 · 489 阅读 · 0 评论 -
vue3:使用:图片生成二维码并复制
图片生成二维码并复制原创 2023-08-28 16:38:37 · 867 阅读 · 0 评论 -
vue3:使用:批量删除功能
element plus 批量删除功能原创 2023-08-28 16:40:18 · 2517 阅读 · 1 评论 -
vue:使用【3.0】:条件模块
【代码】vue:使用【3.0】:条件模块。原创 2024-01-15 11:11:45 · 748 阅读 · 0 评论 -
小程序:类型三级分类
uniapp下实现三级分类,选择数据原创 2024-02-01 15:09:27 · 1202 阅读 · 1 评论 -
vue:基础:路由
vue路由、watch、router原创 2022-09-05 13:33:14 · 2340 阅读 · 0 评论 -
vue:基础:vuex
vuex使用、vuex五个特性原创 2022-09-05 13:22:46 · 217 阅读 · 0 评论 -
vue:基础:生命周期
vue生命周期、勾子函数、data 传值、实例原创 2022-09-05 13:18:43 · 2312 阅读 · 0 评论 -
vue:基础:原理知识点
vue双向绑定原理、nextTick 原理、set 原理、响应式原理原创 2022-09-05 13:12:28 · 1989 阅读 · 0 评论 -
vue:基础0
https://segmentfault.com/a/1190000016344599?utm_medium=referral&utm_source=tuicoolVue 是什么框架? 渐近式框架Vue核心是什么? 声明式渲染(数据驱动)、组件系统Vue的双向数据绑定原理(响应式原理):Object.defineProperty( ) Object.defineProperty。用些来劫持每个属性的 getter 和 se...原创 2021-06-01 11:32:04 · 1375 阅读 · 0 评论 -
vue:Element:table 筛选功能
Element UI 中table 有一个筛选功能:筛选择/重置。为了用户体验方法添加一个一键清除的方法,上面要显示选择项的名称,代码未优化,只供参考。基础实现功能。场景:table 列中会出现多列筛选,添加一个一键清除功能。效果图:Template 代码: <div class="table-content"> <el-table ref="filterTable" :data="billDetailed...原创 2021-05-06 17:19:40 · 4052 阅读 · 1 评论 -
vue:Element:日期:月份
场景一:如何设置月份,默认显示当前月,只能显示最近六个月效果图如下: html代码: Js代码: data( ) { return { // 设置的默认值 billMonthPrice: new Date().getFullYear() + '-' + (new Date().getMonth() + 1), } }, 注)请注意传参的时候转换下格式:bi...原创 2021-05-06 16:48:41 · 607 阅读 · 2 评论 -
vue:Element:日期:时间
Element UI 中的日期插件,官方地址:https://element.eleme.io/#/zh-CN/component/date-picker我们经常会用到日期插件,按各自的需求去改造。下面简单的讲述下用到的日期类型。很多人问怎么转换日期,我想在特定的时间内选择时间,怎么增加年限。从当前时间之前推算,当前时间之后推算,近一周、近一年等?场景一: 创建时间:2000.1.1~当前时刻; 到期时间限制:2000.1.1——当前时...原创 2021-05-06 16:47:48 · 294 阅读 · 1 评论 -
vue:如何使用脚手架安装
vue中基本会选用vue-cli的脚手架安装。一般情况下,我们需要选择哪些呢?一、全局安装 vue npm install -g vue-cli 或者 npm install -g @vue/cli二、打一个位置,进行vue项目创建 1、vue init webpack xxx # xxx 指的是项目名称 回车键 Project name (my-project) # 项目名称(我的项目) ...原创 2020-06-03 19:54:27 · 354 阅读 · 0 评论 -
vue:菜单收缩功能
想要实现:点击菜单能收缩。(效果如下:)点击前: 点击后:思路: 首先我们要知道绅缩的按钮和菜单是否在一个页面。在一个页面就简单了。 如果不在一个页面,就会涉级到父子级传参,绅缩按钮模块中要把状态传给header,这是兄弟间的传递参数,需要用到 vuex。如果不用vuex的话,就通过主体去操作。绅缩按钮把状态传给主体是子...原创 2019-12-18 16:44:24 · 2334 阅读 · 0 评论 -
vue:路由配置 meta 的 menu 和 icon
首先,我引用的是antd vue 的这套UI。可以在 computed 中打印出 this.$router 下面的东西,是获取的路由中配置的菜单和 icon。代码图和代码请看下面文件配置menu.js 文件配置后代码如下: 首先,我引用的是antd vue 的这套UI。 可以在 computed 中打印出 this.$router 下面的东西,是获取的路由...原创 2019-12-18 14:57:36 · 14075 阅读 · 0 评论 -
vue:路由菜单刷新高亮
很多人遇到了路由高亮的问题。问为什么页面一刷新进来当前页就不不高。刷新的时候也没有记录状态。其实就是路由没有记录。。。我们想要实现的效果是:1、这里用的是 Element UI 。先把菜单封装。请看上面的文章:https://blog.csdn.net/u013592575/article/details/1034938652、element UI 中 NavMenu 有一个 d...原创 2019-12-17 17:15:53 · 1459 阅读 · 2 评论 -
vue:路由菜单(element 和 antd)
在 vue 中 使用 UI框架中的菜单,给菜单如何添加路由呢?其中会出现路由样式的问题。请看下面两种UI方法。注)使用框架的时候注入知道的吧。。。。。防止有些人xxxx,我还是写一下。场景:使用 elementUI 的 NavMenu 时。这里请注意:可以不使用 router-link,在 e-menu 上面绑定 route 或者 :route =’true',然后遍历的...原创 2019-12-11 15:48:45 · 2244 阅读 · 0 评论 -
vue:基础项目搭建
全局安装 vue ,然后 vue creact xxx 构建完脚手架。项目开始。一、安装 antd 的 vue 版本 npm install ant-design-vue --save二、全局引入并注册 // antd UI 全局引入 import Antd from 'ant-design-vue' import 'ant-...原创 2019-06-28 17:31:43 · 199 阅读 · 0 评论