
Vue3
在线小白www
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vite按需引入elementPlus ,并自定义主题色
3. 在src下新建一个文件来覆盖element样式,我的路径是 @/styles/element/index.scss。4. 安装sass,配置elementPlus采用sass样式配色系统。1. 首选无论是按需引入还是全引入都需要先安装elementPlus。6. 现在就可以在页面中引入element啦,样式已经成功覆盖啦!b. 配置vite.config.js。2. 按需引入elementPlus,可参照。5. 配置vite.config.js。原创 2023-08-25 14:28:27 · 680 阅读 · 0 评论 -
element plus 按需引入模式 ElMessageBox样式失效解决
import { ElMessage, ElMessageBox } from "element-plus";import "element-plus/es/components/message/style/css";import "element-plus/es/components/message-box/style/css";原创 2023-08-15 15:04:33 · 1019 阅读 · 0 评论 -
vue3+vite3(四)router路由query和params的区别
都可以实现参数传递。原创 2022-11-08 18:31:14 · 419 阅读 · 1 评论 -
vue3+vite3(三)动态路由刷新路由失效问题
如果不为0,则表示第一次登陆,生成了动态路由,登录后会走匹配路由的方法,不会有问题;如果length为0,表示刷新页面,需要重新执行路由匹配,重新添加动态路由即可。但是如果直接在浏览器地址栏更改网址,或者刷新页面,路由会失效,并自动定位到404页面。不要把404页面定义在固定路由里,而是在动态路由挂载后,再router.push()404页面。页面刷新时,路由重新初始化,动态添加的路由此时已不存在,只有一些固定路由(比如登录页面)还在,所以出现了404的情况。评论区有知道的同学,麻烦指正下。原创 2022-11-07 16:08:50 · 7432 阅读 · 2 评论 -
vue3+vite3(二)配置axios
【代码】vue3(二)- - - - vite3.1 + vue3.2配置axios。原创 2022-11-04 14:03:07 · 1323 阅读 · 0 评论 -
element表单校验输入框手动清空时出现XXX is required提示
将标签内的‘required’删除 element 验证出现英文以及自动验证问题_皮蛋灬的博客-CSDN博客转载 2022-06-16 16:16:52 · 973 阅读 · 0 评论 -
swiper动态渲染列表失效
尝试方法一:采用v-if,当列表请求成功后,再渲染swiper。结果依然不能正常渲染尝试方法二:采用nextTick,当页面加载完成后,再渲染swiper结果还是不能正常渲染尝试方法三:采用定时器在nextTick中加一个200的定时器,结果可以正常渲染了!!! onMounted(() => { nextTick(() => { setTimeout(()=>{原创 2022-05-19 15:17:01 · 3666 阅读 · 2 评论 -
vue 警告:Template compilation error: Tags with side effect (<script> and <style>) are ignored in ....
vue警告:情况一:app是否挂载到body上了app的挂载尽量挂载到最外层的div上,不要挂载到body上,避免一些其他情况的发生,让vue的使用更灵活。情况二:script标签或者style标签是否在body中间加载。一般情况下,script的引入在head标签或者body标签的最后面。但是有些特殊情况,需要在页面的中间引入script,这个时候就会报出警告。可以用v-is="'script'"代替script,style同理,如下<div v-is="'scri原创 2022-05-16 17:53:05 · 17272 阅读 · 2 评论 -
v-cloak作用
1. 防止页面加载时出现变量名如下例子,在页面加载时会出现双括号及字段名的闪现。<h1>{{name}}</h1>解决方法:1. 使用v-text代替双括号2. 标签内添加v-cloak2. 需隐藏内容的闪现标签通过设置v-show和v-if来实现内容的隐藏和现实,但是在加载时,依然会先加载内容。解决方法:标签内添加v-cloakps:有时候发现使用了v-cloak来是会存在闪现的情况,特别是当该标...原创 2022-04-24 15:41:49 · 353 阅读 · 0 评论 -
Vue3.x核心之getCurrentInstance
这一章简单介绍下Vue3.x中的核心方法,用于访问实例上下文的router及vuex等。1、概述:一个很重要的方法,获取当前组件的实例、上下文来操作router和vuex等。2、使用:由vue提供,按需引入:import { getCurrentInstance} from 'vue';import { getCurrentInstance } from 'vue';// 获取当前组件实例const instance = getCurrentInstance();// 获取当前组件的上下转载 2022-04-06 09:50:39 · 7490 阅读 · 0 评论 -
类型“ComponentInternalInstance”上不存在属性“ctx”。
问题:vue3中要使用$el获取元素,但是一直报错原因:ts类型检测报错解决:const { ctx } = getCurrentInstance() as any;原创 2022-04-06 09:45:33 · 7913 阅读 · 2 评论 -
vue3 使用第三方插件问题 bundler to alias “vue“ to “vue/dist/vue.esm-bundler.js
转载vue3 使用第三方插件问题 bundler to alias “vue“ to “vue/dist/vue.esm-bundler.js_twinkle||cll的博客-CSDN博客_vue/dist/vue.esm.jsvue3 使用第三方插件问题[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your b转载 2022-04-01 16:18:25 · 649 阅读 · 0 评论 -
vue3路由children页面不显示
介绍:因为两个页面有公共的页头,所以将页头公用,只切换页面主体部分。解决方法:1. 页头页面美加<router-view />,在页头页面底部加<router-view />。<router-view />组件主要是去承载子路由,以实现子路由切换展示2. 根路由没有redirect因为我的根路由是页头,路径是'/',他是没有路径跳转的,所以不redirect就不能转到首页内容,只会显示页头内容,url也只是服务器接口路径, 没有转到相应页面。.原创 2022-03-25 09:36:14 · 4288 阅读 · 1 评论 -
vue3+vite配置静态路由
1. 安装路由npm install vue-router --save2. 新建router/index.js文件文件内容import { createRouter, createWebHistory} from 'vue-router'import Home from '../view/home.vue'const routes = [{ path: "/", name: "index", component: () => i...原创 2022-03-23 15:37:29 · 2646 阅读 · 0 评论 -
vue3-seamless-scroll实现无缝滚动
<script src="./node_modules/vue/dist/vue.global.js"></script> <script src="./node_modules/vue3-seamless-scroll/dist/vue3-seamless-scroll.js"></script> <div class="scroll"> <div>默认配置</div> <vue..原创 2022-02-07 10:29:27 · 1023 阅读 · 1 评论