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
随笔分类 - vue
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
轻骑兵使用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
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
轻骑兵前端环境个人问题以及解决方法汇总
摘要：1 ?. 无法识别 2 找不到 xxxDrawer 3 eslint 报错 4 LayoutCore is not defined ?. 无法识别 ?. 的学名是 可选链操作符，是ES2020的新特性。 首先是 nodejs 版本的问题，推荐 16.13.0 或者更新的版本（大版本不一定比小版本新）
阅读全文
posted @ 2023-05-11 22:56
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
element 日期范围选择器 动态设定范围
摘要：这是一个很刁钻的需求。 用两个日期选择器拼接的方式做类似需求，做动态设定范围很容易； 日期范围选择器静态设定范围也很容易； 但是又要日期范围选择器，又要动态设定范围就很麻烦。 还好我找到（抄到）了一个分享。 但我不喜欢直接复制粘贴，所以我们分析一下这个代码——我实验过了，是可以用的。 data()
阅读全文
posted @ 2022-09-07 15:08
vue邪道玩法 : 把vue实例存在别的地方，以及可能会遇到的问题
摘要：一般来说，VUE项目中，this指向VUE实例。 但有的时候，某些代码会改变this的指向。 这时，可以用一个临时变量存储VUE实例。 但有时，你可能不得不在一开始就存一份vue实例的引用。 你可以在 created 阶段 然后在 beforeDestroy 阶段 那么问题来了：如果父组件和子组件都
阅读全文
posted @ 2019-06-23 16:58
less : 解决升级后报错的问题
摘要：vue2项目。 上版本。 当 less 版本是2.7的时候，不会有什么问题。 但一旦升级到3，就会报错。 解决办法很简单，修改 ./build/utils.js 文件。 注意红色的部分，加上这一段就可以了。 以上。
阅读全文
posted @ 2019-03-31 16:06
vue : 项目起手式 - router组件通用模板
摘要：每次新建文件都要找来找去，麻烦，干脆贴到这里好了。 以上。
阅读全文
posted @ 2019-03-23 17:57
由一个计数器出发：关于vue使用独立js文件的问题
摘要：最近有个vue项目要用ztree。 然后，我想把一些逻辑提出来作为公共的方法，放到独立的js文件里。 ztreeTool.js main.js 那么问题来了： ztree demo里有一个外部变量count，我们把ztree逻辑抽出来之后怎么处理这个变量？ 我的办法是： 把count作为一个独立的计
阅读全文
posted @ 2019-03-01 12:54
vue : rem自适应的应用
摘要：我们知道，rem是一个css单位，指的是HTML根节点的字体大小。 MDN：css单位 而我们在用rem布局的时候必然会遇到一个问题：我们需要根据用户的屏幕大小去计算rem。 以下是代码。 （在VUE中使用） （在原生项目中使用） rem.js index.html 以上。
阅读全文
posted @ 2019-02-21 09:25
iview实战 : 树形组件自定义
摘要：Tree树形组件是 iview 中相对复杂的一个组件。 自定义节点内容 使用强大的 Render 函数可以自定义节点显示内容和交互，比如添加图标，按钮等。 使用强大的 Render 函数可以自定义节点显示内容和交互，比如添加图标，按钮等。 使用强大的 Render 函数可以自定义节点显示内容和交互，
阅读全文
posted @ 2019-02-16 20:25
vuex : 用vuex控制侧栏点亮状态
摘要：上代码。 xxx.vue store.js main.js 以上。
阅读全文
posted @ 2019-02-13 21:44
vue : history模式与项目部署的爬坑
摘要：需求：url不能有#符号，且不放在服务器虚拟主机的根目录。 假设放在虚拟主机的 medicine 文件夹下。 需要改两个文件，一个是 ./config/index.js (vue设置文件) ，另一个是 ./src/router.js (vue-router设置文件)。 ./config/index.
阅读全文
posted @ 2019-01-30 10:30
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
vue : watch、computed、以及对象数组
摘要：watch和computed是vue框架中很重要的特性。 那么，他们是怎么作用于对象数组的？ 今天我们就来探究一下。 上代码。 首先是初始化（进入这个页面时）。 从日志中可以看到，先调用了computed，再调用了watch。 看代码。数据绑定是绑定了computed:testNum，所以初始化时就
阅读全文
posted @ 2019-01-08 21:34
vuex : 模块化改造
摘要：我们知道，vuex是vue技术栈中很重要的一部分，是一个很好用的状态管理库。 如果你的项目没有那么复杂，或者对vuex的使用没有那么重度，那么，是用不着modules功能的。 但如果你写着写着就发现你的vuex 代码过于臃肿，那么就可能需要modules功能来进行模块化改造了。 由于使用单一状态树，
阅读全文
posted @ 2019-01-07 19:13
vue : 在vuex里写一个数组首尾元素互换的方法
摘要：不着急上代码，先想几个问题。 vuex里怎么写方法？ mutation里写vuex方法，组件中用commit调用。 数组首尾元素怎么互换？ arr.splice(0, 0, arr[arr.length - 1]) arr.pop() 怎样让这个方法是可复用的？ 组件中commit的时候提交想改的数
阅读全文
posted @ 2018-12-20 21:40
