删除线格式 @ TOC vue+element主题更换(换肤)功能实现过程详解 文章目录 vue+element主题更换(换肤)功能实现过程详解 前言 一、实现思路 二、实现步骤 1.创建好自己的vue项目 2.安装element-ui以及sass 3.安装element-ui自定义主题工具 4.执行命令暴露element-ui全部变量在根目录生成element-variables.scss文件 …
是我在写本博客的遇到的问题 当前路由显示时，跳转同路由的不同参数，会出现参数变化，页面不刷新。例如： 当前路由：http://localhost:8080/#/essay?id=1 目标路由：http://localhost:8080/#/essay?id=2 可以看到地址栏id变化，但是页面未刷新 以下为解决办法： 监听路由变化，若参数不相同，则重新加载数据，更新视图： watch: { '$r…
1.项目开发流程： 1）写静态页面（html+css） 2）拆分组件 3）获取服务器数据动态展示 4）完成相应的动态业务逻辑 2.创建组件的时候，需要 1）找到组件结构 2）找准组件样式（使用less的话需要安装依赖：npm install --save less less-loader@5） 3）获取组件相应的资源（图片等） 3.创建组件后使用组件 （非路由组件） 1）引入 2）注册 3）使用 …
1.安装swiper （官网： Swiper中文网-轮播图幻灯片js插件,H5页面前端开发 ） 下载轮播图插件【注意：要@5.x】，不然会出现各种BUG。 npm i swiper@5.x vue-awesome-swiper@4.1.1 -S 2.HTML代码 <template> <div class="swiper"> <div @mouseleave="lea…
ui框架用的element-ui；vue版本为vue2（2.5.17） baseTable组件 table+pagination <template> <div class="table-container"> <!-- 表格 --> <el-table :data="tableData" style="width: 100%" :header-cell-…
vue开发的微信服务号 问题：点击H5页面时，页面会放大 ，不能固定 解决方案： 1.在index.html 页面 添加以下代码 width=device-width ：表示宽度是设备屏幕的宽度 initial-scale=1.0：表示初始的缩放比例 minimum-scale=0.5：表示最小的缩放比例 maximum-scale=2.0：表示最大的缩放比例 user-scalable=yes：…
css深度作用选择器的作用 如果使用了scoped后,无法修改第三方UI组件库组件的样式， 这里可以使用css深度作用选择器，以作样式修改。 例：vue项目中，经常需要使用如elementUI等组件库，有些样式直接在组件中修改无效，因为scoped局限于当前组件，去掉scoped的话又会影响全局样式。针对这种情况，可以使用深度作用选择器（即样式穿透）。 具体用法 1、如果项目使用的是css原生样式…
第一步： 第二步： 第三步：样式处理，比如图片 注意事项： 版权声明：本文为qq_37672347原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/qq_37672347/article/details/93210121