随笔分类 -  vue

针对vue框架一些场景的应用
vue3.x版本路由router跳转+传参
摘要：显示传参模式 get import { useRouter } from 'vue-router'; const router = useRouter(); let skipEdit = (key: string, res: any) => { // 个人需求函数自行省略 router.push({ 阅读全文
posted @ 2021-10-15 14:39 啊-苏 阅读(666) 评论(0) 推荐(0)
vue中Element-ui样式修改
摘要：下拉框（el-dropdown） // hover 下拉框的hover效果 .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{ background: $bgmColor !important 阅读全文
posted @ 2020-11-26 15:20 啊-苏 阅读(3137) 评论(0) 推荐(0)
Vue-cli4.xPC端项目Rem适配
摘要：适配准备 安装 (amfe-flexible) 和（postcss-px2rem） 1, 安装依赖并在main.js中引入该依赖 npm i amfe-flexible import “amfe-flexible” 2,安装第二依赖 npm i postcss-px2rem 并在paackage.j 阅读全文
posted @ 2020-11-25 21:41 啊-苏 阅读(718) 评论(0) 推荐(0)
VUE项目实现主题切换
摘要：需求是 做一个深色主题和浅色主题切换的效果 方法一 多套css 这个方法也是最简单，也是最无聊的。 <!-- 中心 --> <template> 动态获取父级class名称，进行一个父级class的多次定义 <div :class="className"> <div class="switch" v 阅读全文
posted @ 2020-11-25 13:30 啊-苏 阅读(6375) 评论(3) 推荐(1)
Vue脚手架最新版本安装使用
摘要：现在很多的插件如Vant 这类的样式框架，都去兼容了Vue的3.0版本，所以我总结一下如何去简单的搭建一个Vue3.0的框架 开始 一，如何安装 在这里说明一下，Vue脚手架版本，和Vue版本是两个东西 怎么看你的Vue的脚手架版本呢 cmd 命令行 vue -V 注意V为大写 Vue CLl 官网 阅读全文
posted @ 2020-11-20 15:06 啊-苏 阅读(1843) 评论(0) 推荐(0)
vue三级路由显示+面包屑
摘要：问题一：如何让三级路由内容显示显示在一级路由页面 可以说是我点级二级路由导航的时候是不发生跳转的，但还要去动态的生成面包屑 const routes = [{ path: '/', name: 'Home', component: Home, redirect: '/home', meta: { t 阅读全文
posted @ 2020-11-20 15:05 啊-苏 阅读(2176) 评论(0) 推荐(0)