![](https://img-blog.csdnimg.cn/ce51665e16214704b2091211c109d392.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue3
本专栏是以vue3技术结构为核心,探索vue3技术要素,构建完美的前端应用
任磊abc
关注前端,热爱前端,追踪前端最前沿
展开
-
基于element-plus的选择组件el-select实现下拉加载封装
在vue3项目当中使用element-plus的UI组件el-select选择器,有时候会用到选择器下拉下载的功能,封装一个指令可以进行这样操作原创 2023-09-20 16:02:37 · 1640 阅读 · 0 评论 -
Vue 3 setup 中通过 ref 获取子组件实例数据(TS版)
vue3 在setup当中父组件获取子组件的实例数据原创 2022-08-04 11:13:34 · 18743 阅读 · 3 评论 -
“ElementPlusError: [[ElTooltip]] you need to provide a valid default s
在vite脚手架下使用element-plus框架,突然出现以下警告这是由于el-tooltip组件遇到的问题 “ElementPlusError: [[ElTooltip]] you need to provide a valid default加个if判断即可还有一种可能组件内出现了注释 <el-tooltip content="移动" placement="top"> <!-- <template #default.原创 2022-03-10 15:30:25 · 2435 阅读 · 0 评论 -
如何在<script setup>当中使用父组件传递过来的数据?
vite+vue3当中组件的js逻辑都是写在<script setup></script>当中的,父组件向子组件传递数据写法与vue2相同。但是在子组件当中如何使用父组件传递过来的数据,那就很不同了。手先需要通过方法defineProps去接受父组件的传递过来的数据:<script setup>// eslint-disable-next-line no-unused-varsimport { toRefs, computed, nextTick,原创 2022-02-24 10:48:28 · 1784 阅读 · 0 评论 -
vue3 出现 Component inside <Transition> renders non-element root node that cannot be animated.
项目使用vite脚手架+vue3,在根组件App.vue当中使用了页面过渡动画首页index.vue 代码结果控制台出现Component inside <Transition> renders non-element root node that cannot be animated. 这句话的意思是:<Transition>中的组件渲染无法设置动画的非元素根节点。针对这个问题解决方法是在index.vue 当中使用一个<div>标签,将..原创 2022-02-24 10:30:11 · 21095 阅读 · 5 评论