![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue3
文章平均质量分 56
记录学习和使用 vue3 的点点滴滴
清新小伙子
我很开心…………吧?
展开
-
element-plus中的tooltip组件实现文字溢出显示省略号,悬浮显示tooltip完整信息
tooltip文字溢出显示省略号,精准控制文字溢出的 tooltip 显示原创 2023-03-01 12:18:46 · 3317 阅读 · 0 评论 -
Vue3使用h函数创建子组件(涉及到$emit,props的传递以及多个具名插槽的使用)
h 函数是什么h 函数本质就是 createElement() 的简写,作用是根据配置创建对应的虚拟节点,在vue 中占有极其重要的地位!!!h 函数的配置参数接收三个参数:type,props 和 childrentype类型:String | Object | Function详细:HTML 标签名、组件、异步组件或函数式组件 (注意:Vue3 不支持组件名用字符串表示了,必须直接使用组件名)例如:import MySon from './son.vue'h('div',原创 2022-04-06 15:41:01 · 18783 阅读 · 6 评论 -
Vue3 利用 json 数据动态生成路由和实现组件懒加载
前言:目前都只是在学习,做项目顶多是为了比赛,所以一般不去考虑项目的可维护性,故就基本就不花力气去专研动态生成菜单,动态配置路由了,顶多是在动态引入组件上做下优化。但随着经验的增长,我渐渐觉得这样一直划水太不好了,恰逢想写个团队官网,想以后一直让师弟师妹维护,故不得不改变自己,这次就从利用 json 数据动态配置路由以及实现动态懒加载开始吧。注释:因为目前缺少后台接口,故先在本地用json存储数据先。json文件存储路由数据特别说明1:因为这时 vue3,故错误地址重定向我用了:{ "pat原创 2021-05-27 17:18:53 · 3174 阅读 · 1 评论 -
vue3 使用 element-plus 的校验规则表单
前言习惯了 vue2 的 this,而 vue3 没有 this,element 组件库也不再像以前那样复制粘贴即可,路漫漫其修远兮,慢慢积累ing。由于无法像 vue2 一样通过 this.$refs 来获取表单DOM,所以我们需要借助 vue3 的 ref 来获取表单DOM,对此还有不明白的可先查阅 vue3 通过 ref 获取 DOM。vue3 使用校验规则表单<template> <el-form :rules="uploadFormRules" ref="uploadF原创 2021-05-24 08:28:32 · 12030 阅读 · 2 评论 -
vue3 通过 ref 获取 DOM
前言vue3 和 vue2 使用起来还是有一定区别,下面就分别介绍下两者如何通过 ref 获取 DOM。vue2 获取 DOM在 template 中用 ref 标记<p ref="myP">我是p标签</p>js 中直接通过 this.$refs 即可获取 DOMconsole.log(this.$refs.myP)vue3 获取 DOM在 template 中用 ref 标记<p ref="myP">我是p标签</p>ts 中借助原创 2021-05-24 08:19:25 · 1196 阅读 · 1 评论 -
vue3使用element-plus的自定义列表格
前言刚开始学习 vue3,也是刚使用 element-plus 这个 UI 组件库,虽说基本和 vue2 + element 差不多,但还是有点区别,以至于按以往的习惯来写发现报错,呃,琢磨了十来分钟,惭愧。element 中的自定义列表格用法自定义列时只需要声明 slot-scope="scope" 即可。自定义内容需要使用数据时只需要使用 scope.row 即可获取该行数据。<template slot-scope="scope"> <div class="overPo原创 2021-05-23 21:41:53 · 8691 阅读 · 1 评论 -
学习Vue3
@TOC全局安装Vue3由于电脑之前可能已经安装了vue2,如果直接安装vue3则会报错,所以我们需要先卸载全局安装的vue2再进行全局安装vue3。卸载vue2npm uninstall -g vue-cli清除缓存npm cache clean --forcenpm install安装vue3npm i -g @vue/cli查看当前vue的版本vue -V显示下方图示则表示已成功安装vue3:搭建项目搭建空项目vue create emp原创 2021-04-30 11:51:17 · 208 阅读 · 0 评论