随笔分类 - vue-cli
摘要：在开发系统的时候，经常会需要将系统里面的报表进行打印，主要是要实现局部打印的功能： 插件： npm install vue-print-nb --save 具体示例代码： <template> <div> <button v-print="'#printArea'">打印</button> <div
阅读全文
摘要：在做表单修改的时候，如果使用的是vantui里面的三级联动，需要手动设置默认值： 这里可以用 setIndexes 来设置三级联动的默认选项。 具体实现：注意这里设置的 index 不是 value this.$refs.address.setIndexes([2,2,4]); 这里可以因为加载顺序
阅读全文
摘要：子父组件在做数据传值和通信中，通常都是父组件通过【:props】进行数据的传递，通常用于父组件通过传递不同的参数，改变子组件。 但是经常会遇到这样的场景： 需要父子组件进行数据通信，实现双向数据绑定，可以利用 v-modle 实现父子组件数据交互通信。 父组件： <template> <div> <
阅读全文
摘要：VUE更改VUEX状态：简单示例代码： import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ state: { count: 0 }, mutations: { i
阅读全文
摘要：我们在做VUE项目开发的时候，经常会遇到需要绑定多个判断条件，多个class，多个style的情况，下面就整理一下： 一、绑定多个判断条件 1、绑定一个判断条件 <div v-if="isActive"></div> <div v-if="condition 0"></div> <div v-if=
阅读全文
摘要：最近在开发项目，由于项目是使用模板开发的，而不是用前后端分离开发的。但是就目前来说，很少有一款能够在移动端体验比较好的JS框架，特别是在移动端的下拉选择，以及三级联动的处理。 想来想去，想到了有赞的UI框架，看是否支持html引入使用，经过测试是可行的： 文档地址：https://vant-cont
阅读全文
摘要：在用VUE开发项目的时候，有时候需要去gitee里面查看仓库的地址，或者是git下来的项目，有时候会忘记远程仓库的地址。 查看方法很简单：git remote -v git remote -v 然后就可以看到： 打完收工！
阅读全文
摘要：最近在用vue开发项目，使用Tinymce作为富文本编辑器，最开始用的时候，还是不错的。但是用了一年发现一个问题，就是这个编辑器加载的太慢了，有时候网速慢一点，可能就直接加载不出来。 下面是我亲测的解决方法： 首先说原因：加载 tinymce.min.js 加载不出来，以及这个js所需要加载的文件，
阅读全文
摘要：在做前端开发，使用一款优秀好用的UI框架，往往能够做到事半功倍的效果，下面推荐几款优秀的UI框架作为参考。 NutUi NutUI是京东风格的移动端组件库，使用 Vue 语言来编写可以在 H5，小程序平台上的应用，帮助研发人员提升开发效率，改善开发体验。 https://nutui.jd.com/
阅读全文
摘要：最近在用VUE做公众号开发，需要用到微信支付，下面做一个详细的记录。 开发功能之前需要详细看一下：微信JSAPI文档 https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1 V3看这个：建议使用上面的，网关统一 https://pay
阅读全文
摘要：最近在开发一个使用VUE打印的功能，出现一个问题，就是点击打印，打印的文档不居中的问题： 具体问题如下： 为了方便预览打印文件，以及样式好看，通常会把打印的文档居中预览，特别是设计稿就是这个样子： 让打印的表格居中显示。 但是这样打印预览的结果是： 首先最重要的问题就是边距的问题，如图所示： 其次比
阅读全文
摘要：在对前端代码进行优化的时候，考虑到执行效率，不能将 v-if 和 v-for 放到一个DOM元素里面： v-if和v-for不能同时的原因: v-for的执行优先比v-if要高 <template> <div class="hello"> <div v-for="(item,index) in li
阅读全文
摘要：最近在优化一个前端开发框架，做好的系统，存在大量的图片上传，特别是富文本里面的图片，上传多个，很麻烦，运营说如果能够复制粘贴板的图片，就可以截图上传，就很方便了。 考虑到运营小姐姐的需求，我就花了半个小时开发了这样的一个功能。 第一步：配置粘贴【paste】具体配置项 tinymce.init({
阅读全文
摘要：最近在开发一些项目，前后端数据分离开发项目，涉及到数据的安全性，需要考虑： 1、前端提交数据，进行加密，后端解密。 2、前端渲染数据，进行解密，后端加密。 第一步：生成加密/解密公钥和私钥。 先生成解密用的私钥： openssl genrsa -out crypt.pem 2048 然后生成加密用的
阅读全文
摘要：今天需要测试一个VUE功能，需要重新下载安装一个模板，然后就是： vue init webpack vue-cli-test 然后就报错了： Failed to download repo vuejs-templates/webpack: connect ECONNREFUSED 13.250.17
阅读全文
摘要：后台通过编辑器存储的富文本，需要在前端列表页等展示，需要从富文本中提取纯文本，具体方法： 思路：通过正则匹配出所有的中文，然后拼接起来。 方法可以参考使用过滤器： filters:{ filtersText(val){ if (val != null && val != '') { let reg
阅读全文
摘要：在做VUE项目开发的时候，项目会在不同环境下运行。 常见的三种环境： 1、本地开发环境。 2、测试发布环境。 3、线上生成环境。 在不同的环境下，进行打包、部署调用API以及参数配置是不同的。 如果每次进行打包的或运行的时候都要去手动修改代码，显然是不明智的。 那么有没有一种可以通过在不同的环境下调
阅读全文
摘要：在用VUE做项目开发后台管理系统的时候，在处理权限的时候，可以使用路由守卫来做权限管理，判断跳转或者取消。 VUE路由篇，参考文档： https://router.vuejs.org/zh/guide/advanced/navigation-guards.html 1、全局前置守卫 router.b
阅读全文
摘要：使用VUE开发项目，在进行权限验证的时候，例如在对某个按钮进行权限验证，验证其显示还是隐藏。解决方法有两种： 第一种：在页面中进行权限验证，使用 v-if 来判断按钮的显示和隐藏。 缺点： 1、具体的验证需要在写在页面上，导致每一个视图页面都需要写，对于后期维护相对比较困难。 2、如果使用 v-if
阅读全文
摘要：最近在做项目，在开发一个后台系统，使用的是VUE，封装了很多公共组件，为了让这些公共组件更加灵活多变，可以考虑试试组件插槽。 简单示例：后期在完善 父组件： 子组件： 显示： 实际使用：由于我在做VUE开发的时候，使用了ElementUI，在做 form 表单的时候，我将form表单进行了封装，使用
阅读全文
浙公网安备 33010602011771号