随笔分类 -  vue

前端全屏光标闪烁异常排查清单
摘要:// 检测当前获取焦点的元素 const activeEl = document.activeElement; console.log('当前聚焦元素:', activeEl); // 定义需要显示光标的合法元素类型 const validInputTags = ['INPUT', 'TEXTARE 阅读全文

posted @ 2026-01-16 21:36 fox_charon 阅读(5) 评论(0) 推荐(0)

elementui评分组件特殊样式不显示的问题
摘要:问题 https://element.eleme.cn/#/zh-CN/component/rate#qi-ta-icon 看这个篇章,示例里面是有笑脸的,但是你如果在项目中直接这么写,那么显示结果是会白屏的。 怎么办呢? 解决方式 思路打开。 我们直接F12,找到示例里面用的CSS文件 https 阅读全文

posted @ 2025-11-30 17:24 fox_charon 阅读(38) 评论(0) 推荐(0)

vue ztree 的使用
摘要:ztree 是一个很经典的基于jquey开发的树结构编辑展示UI组件库。 https://gitee.com/zTree/zTree_v3 gitee上有一个很适合vue使用的ztree封装库, https://gitee.com/astinlee_admin/Vue-Giant-Tree/tree 阅读全文

posted @ 2023-11-25 17:51 fox_charon 阅读(609) 评论(0) 推荐(0)

vue font awasome 的使用
摘要:font awasome 是一个很经典的图标库。 目前已经更新到了V6版本。 但是从V5开始,这个库就已经闭源收费了。 所以开源库里面最新版本是V4.7。 https://www.npmjs.com/package/font-awesome/v/4.7.0 那么怎么使用呢? main.js impo 阅读全文

posted @ 2023-11-25 17:36 fox_charon 阅读(181) 评论(0) 推荐(0)

轻骑兵使用driver.js踩坑
摘要:1 安装哪个版本 建议安装 0.9.8 原版。 ```powershell yarn add driver.js@0.9.8 ``` 2 怎么引入、使用 不要提成文件,在页面里面使用就可以。 vue-page.vue template ```HTML ... ... ``` vue-page.vue 阅读全文

posted @ 2023-08-26 18:49 fox_charon 阅读(501) 评论(0) 推荐(0)

element-theme 使用踩坑
摘要:一、node-sass 无法安装导致安装失败 1 首先手动下载 [node-sass](https://github.com/sass/node-sass/releases/download/v4.14.1/win32-x64-83_binding.node) 安装包 (下不下来可以找同事复制一下) 阅读全文

posted @ 2023-08-11 21:10 fox_charon 阅读(619) 评论(0) 推荐(0)

轻骑兵前端环境个人问题以及解决方法汇总
摘要:1 ?. 无法识别 2 找不到 xxxDrawer 3 eslint 报错 4 LayoutCore is not defined ?. 无法识别 ?. 的学名是 可选链操作符,是ES2020的新特性。 首先是 nodejs 版本的问题,推荐 16.13.0 或者更新的版本(大版本不一定比小版本新) 阅读全文

posted @ 2023-05-11 22:56 fox_charon 阅读(216) 评论(0) 推荐(0)

vue-esign 学习笔记
摘要:1 注意事项 最新版是1.1.4,我们项目组用的是1.1.0。从npmjs可以看出,两个版本中间的版本都是不可用的,下载量为0. 除此之外还可以参考的类似工具: https://www.npmjs.com/package/vue-esignature vue-esignature https://w 阅读全文

posted @ 2023-05-04 19:29 fox_charon 阅读(387) 评论(0) 推荐(0)

element 日期范围选择器 动态设定范围
摘要:这是一个很刁钻的需求。 用两个日期选择器拼接的方式做类似需求,做动态设定范围很容易; 日期范围选择器静态设定范围也很容易; 但是又要日期范围选择器,又要动态设定范围就很麻烦。 还好我找到(抄到)了一个分享。 但我不喜欢直接复制粘贴,所以我们分析一下这个代码——我实验过了,是可以用的。 data() 阅读全文

posted @ 2022-09-07 15:08 fox_charon 阅读(399) 评论(0) 推荐(0)

vue邪道玩法 : 把vue实例存在别的地方,以及可能会遇到的问题
摘要:一般来说,VUE项目中,this指向VUE实例。 但有的时候,某些代码会改变this的指向。 这时,可以用一个临时变量存储VUE实例。 但有时,你可能不得不在一开始就存一份vue实例的引用。 你可以在 created 阶段 然后在 beforeDestroy 阶段 那么问题来了:如果父组件和子组件都 阅读全文

posted @ 2019-06-23 16:58 fox_charon 阅读(277) 评论(0) 推荐(0)

iview实战 : 全屏去头去尾的弹窗
摘要:以上。 阅读全文

posted @ 2019-06-04 16:56 fox_charon 阅读(1046) 评论(0) 推荐(0)

less : 解决升级后报错的问题
摘要:vue2项目。 上版本。 当 less 版本是2.7的时候,不会有什么问题。 但一旦升级到3,就会报错。 解决办法很简单,修改 ./build/utils.js 文件。 注意红色的部分,加上这一段就可以了。 以上。 阅读全文

posted @ 2019-03-31 16:06 fox_charon 阅读(485) 评论(0) 推荐(0)

vue : 项目起手式 - router组件通用模板
摘要:每次新建文件都要找来找去,麻烦,干脆贴到这里好了。 以上。 阅读全文

posted @ 2019-03-23 17:57 fox_charon 阅读(427) 评论(0) 推荐(0)

由一个计数器出发:关于vue使用独立js文件的问题
摘要:最近有个vue项目要用ztree。 然后,我想把一些逻辑提出来作为公共的方法,放到独立的js文件里。 ztreeTool.js main.js 那么问题来了: ztree demo里有一个外部变量count,我们把ztree逻辑抽出来之后怎么处理这个变量? 我的办法是: 把count作为一个独立的计 阅读全文

posted @ 2019-03-01 12:54 fox_charon 阅读(266) 评论(0) 推荐(0)

vue : rem自适应的应用
摘要:我们知道,rem是一个css单位,指的是HTML根节点的字体大小。 MDN:css单位 而我们在用rem布局的时候必然会遇到一个问题:我们需要根据用户的屏幕大小去计算rem。 以下是代码。 (在VUE中使用) (在原生项目中使用) rem.js index.html 以上。 阅读全文

posted @ 2019-02-21 09:25 fox_charon 阅读(877) 评论(0) 推荐(0)

iview实战 : 树形组件自定义
摘要:Tree树形组件是 iview 中相对复杂的一个组件。 自定义节点内容 使用强大的 Render 函数可以自定义节点显示内容和交互,比如添加图标,按钮等。 使用强大的 Render 函数可以自定义节点显示内容和交互,比如添加图标,按钮等。 使用强大的 Render 函数可以自定义节点显示内容和交互, 阅读全文

posted @ 2019-02-16 20:25 fox_charon 阅读(7184) 评论(0) 推荐(0)

vuex : 用vuex控制侧栏点亮状态
摘要:上代码。 xxx.vue store.js main.js 以上。 阅读全文

posted @ 2019-02-13 21:44 fox_charon 阅读(509) 评论(0) 推荐(0)

vue : history模式与项目部署的爬坑
摘要:需求:url不能有#符号,且不放在服务器虚拟主机的根目录。 假设放在虚拟主机的 medicine 文件夹下。 需要改两个文件,一个是 ./config/index.js (vue设置文件) ,另一个是 ./src/router.js (vue-router设置文件)。 ./config/index. 阅读全文

posted @ 2019-01-30 10:30 fox_charon 阅读(1014) 评论(0) 推荐(0)

vue : 使用stylus less (包括sublime插件支持)
摘要:版本: vue 2.5.2 webpack 3.6.0 先说stylus。 用npm装个包。 然后在.vue文件中使用。 然后是sublime。需要装两个插件:高亮、自动完成。 高亮:https://github.com/billymoon/Stylus 自动完成:https://github.co 阅读全文

posted @ 2019-01-29 21:06 fox_charon 阅读(518) 评论(0) 推荐(0)

vue : watch、computed、以及对象数组
摘要:watch和computed是vue框架中很重要的特性。 那么,他们是怎么作用于对象数组的? 今天我们就来探究一下。 上代码。 首先是初始化(进入这个页面时)。 从日志中可以看到,先调用了computed,再调用了watch。 看代码。数据绑定是绑定了computed:testNum,所以初始化时就 阅读全文

posted @ 2019-01-08 21:34 fox_charon 阅读(1085) 评论(0) 推荐(0)

导航