vue3
文章平均质量分 53
Liberty_yes
一个很懒的程序猿小姐姐...^·^
展开
-
element-plus下拉框和输入框宽度不一致,:popper-append-to-body=“false“失效
原因控制台看到下拉项的`DOM`元素时插入到`body`里面了,使用`:popper-append-to-body="false"`发现已经废弃,最后发现替换成`:teleported="false"`原创 2024-03-23 06:00:00 · 843 阅读 · 0 评论 -
vue3+vite使用vite-plugin-svg-icons
在开发项目的时候,经常会用到svg矢量图标,而且我们使用svg以后,页面上加载的不再是图片资源,这对页面性能来说是个很大的提升,而且我们svg文件比img要小很多,放在项目中几乎不占用资源。(vite:vue3的打包工具,相当于vue2中的webpack)文件(我自己起的名字suit.svg),把复制的。这里以阿里巴巴矢量图标库svg图片为例。随便找一个矢量图标,点击——组件中,app.vue为例。插件显示本地svg图标。原创 2023-08-11 06:30:00 · 649 阅读 · 1 评论 -
vue3 状态管理之pinia组合式API
pinia选项式API和是在组合式 API的基础上实现的,易于学习和使用(写代码的位置已经约定好了)。代码组织性差,相似的逻辑代码不便于复用,逻辑复杂、代码多了不好阅读。虽然提供了 mixins 用来封装逻辑,但是出现数据函数覆盖的概率很大,不好维护。关于选项是API的写法,详见我的另一篇文章–>本篇文章,我们重点讲解组合式API。组合式 API的学习成本可能会增加,需要良好的代码组织能力和拆分逻辑能力。“组合函数”Vue组合式 API。原创 2023-07-13 15:11:17 · 1940 阅读 · 0 评论 -
vue3中状态管理 pinia的基本使用
集中式状态管理容器,可以实现任意组件之间通信!集中式状态管理容器,可以实现任意组件之间通信!组件中直接修改(不推荐,可读性和可维护性差)原创 2023-07-12 17:19:29 · 414 阅读 · 0 评论 -
Vue3使用v-model实现父子组件传值的两种方式
第一种方式:普通写法父组件:Father.vue<template> <h1>父组件</h1> <el-button @click="showDialog">点击展示弹框</el-button> <Dialog v-model:dialogVisible="dialogVisible" /></template><script>import { Dialog } from '@components原创 2022-05-08 06:45:00 · 4980 阅读 · 3 评论 -
vue3子组件修改传值给父组件报警告warn:Component emitted event “update:dialogAddVisible”
vue3报错之:使用v-model父子组件传值,子组件修改父组件里面的值的时候,报警告warn:Component emitted event “update:dialogAddVisible” but it is neither declared in the emits option nor as an “onUpdate:dialogAddVisible” prop父组件Father.vue:子组件Child.vue:报错:根据字面意思是说,一个[Vue警告]:组件触发事件"upda原创 2022-05-08 07:00:00 · 13373 阅读 · 1 评论 -
vue3使用defineProps报错‘defineProps‘ is not defined
使用 ``组合式 API 的语法糖的时候,defineProps报错:原创 2022-05-07 10:00:00 · 9129 阅读 · 3 评论 -
vue3报错:File was processed with these loaders:
第一次做vue3的项目的时候,从网上找了一个现成的框架进行开发,刚开始开发使用element-plus的时候,我直接把ui代码粘贴进我的项目中,发现代码报错,错误如下:Compiled with problems:ERROR in ./src/views/layoutpages/system/Menus.vue?vue&type=template&id=07e451a3&ts=true (./node_modules/vue-loader/dist/templateLoader.原创 2022-05-07 07:15:00 · 10999 阅读 · 6 评论