![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
向着光芒的女孩
平时坚持瑜伽和阅读,是个内心温柔但充满力量的web前端程序媛
展开
-
【前端笔记】HBuilderX通过微信开发者工具预览打开不了探索过程
第一次通过HBuilder运行到微信开发者工具预览发现失败,原来关键有两步需要设置,记录探索过程,方便后期查阅。原创 2022-06-24 16:35:04 · 2529 阅读 · 0 评论 -
【前端笔记 】vue-router获取所有路由getRoutes()调用报错_router.default.getRoutes is not a function
调用getRoutes方法报错_router.default.getRoutes is not a function原创 2022-06-20 15:21:21 · 9361 阅读 · 4 评论 -
【vue 】element配置全局或单个Dialog点击遮罩不关闭
在很多编辑信息弹框,尤其后台管理系统,如果一点击遮罩关闭弹窗,再次点开弹窗又做了重置表单的操作会导致用户操作数据丢失,可以设置点击遮罩不关闭弹窗。原创 2022-02-10 15:55:57 · 4364 阅读 · 2 评论 -
【vue】vue-cli3配置scss全局变量
由于想在vue文件中使用scss变量,所以想配置一下全局使得更方便使用和维护,package.json中对应的版本号是:"@vue/cli-service":"3.5.3"、"sass-loader": "^7.1.0"1.配置在项目根目录下的vue.config.js中配置module.exports = { css: { loaderOptions: { // 没有分号会报错 sass: { data: `@import "@/assets/.原创 2021-06-30 12:26:07 · 1077 阅读 · 5 评论 -
【vue】封装下拉框option静态数据
之前在vue-cli中,有些静态下拉框数据都写在每个vue页面文件里,发现有些页面也会使用一样的,所以想着把它抽出来方便管理和查看思路总结1.创建一个js文件在src/libs目录(看项目目录结构灵活放)下创建 options.js , 先只写了一个,文件内容如下:export const userStatusOpt = [ { value: 0, label: '禁用' }, { value: 1, labe原创 2021-04-08 14:18:13 · 816 阅读 · 0 评论 -
【vue】vue-cli中全局封装filter
主要是全局封装filter在表格中经常会遇到格式化数据的情况,vue本身就有filter的用法,帮助我们很简洁得格式化数据,用一个“|”来分隔value和格式化函数,小结一下方便后期再次使用我是在vue-cli中使用的,所以在src目录下创建filters文件夹,再创建index.js,里面内容如下:export const userStatus = (value) => { switch (value) { case 0: return '禁用'原创 2021-04-08 11:30:42 · 262 阅读 · 0 评论 -
【解决方案】element show-password弹框关闭如何将小眼睛还原
问题:因为我们的密码输入框是放在弹出框里的,element show-password 在弹框里打开小眼睛,关闭弹框,再打开小眼睛仍开着,感觉比较尴尬,如下:打开小眼睛后,下一次打开弹框,小眼睛还是打开的:解决方案:当关闭弹框时,通过一个变量使用v-if将输入框隐藏,打开时,又显示核心代码: <el-dialog :visible.sync="dialogFormVisible" :close-on-click-modal="false" :before-close=原创 2020-09-16 14:47:14 · 6883 阅读 · 1 评论