随笔分类 - vue
摘要：最近做项目，需要给客户做个高端大气的数字屏，展示各种数据。 具体参考： https://cloud.tencent.com/developer/article/2409796 大屏数据可视化解决方案：DataV DataV 是一款基于 Vue 开发的数据可视化组件库，主要用于开发大屏数据展示页面，即
阅读全文
摘要：最近在开发项目，一些比较老的项目，有部分安装的镜像已经不可用了，整理一些常用的npm命令。 1、查看当前配置的镜像 npm get registry 2、查看所有配置 npm config ls -l 3、常见可用的镜像 官方源：https://registry.npmjs.org/ 国内访问很慢
阅读全文
摘要：在开发系统的时候，经常会需要将系统里面的报表进行打印，主要是要实现局部打印的功能： 插件： npm install vue-print-nb --save 具体示例代码： <template> <div> <button v-print="'#printArea'">打印</button> <div
阅读全文
摘要：通常在做VUE进行异步请求，都是使用常规的请求，然后在回调里面进行业务以及页面的渲染调整。 使用await能够简便很多，而且在循环里面使用await可以进行按顺序请求。 基础使用：在VUE组件里面，await 函数需要在 async 函数里面进行配合使用，常见于：created、mounted 或自
阅读全文
摘要：好用的拖拽组件：Awe-dnd npm install awe-dnd --save 集成：main.js import VueDND from 'awe-dnd' Vue.use(VueDND) 使用： <!--your.vue--> <script> export default { data
阅读全文
摘要：对于前端导出数据，如果导出excel需要用一些第三方插件，还要安装插件，但是如果导出csv就很简单了。 代码示例： /** * arrayTocsv * arrays = [[张三]] * headers = ['姓名'] */ export function arrayTocsv(arrays,h
阅读全文
摘要：为保证数据的安全性，在做数据传输和渲染的时候，需要对数据字符串加密和解密： 一、安装 CryptoJS 库 npm install crypto-js 二、AES 加密解密函数 import CryptoJS from 'crypto-js'; // AES加密（ECB模式 + Pkcs7填充） e
阅读全文
摘要：在做表单修改的时候，如果使用的是vantui里面的三级联动，需要手动设置默认值： 这里可以用 setIndexes 来设置三级联动的默认选项。 具体实现：注意这里设置的 index 不是 value this.$refs.address.setIndexes([2,2,4]); 这里可以因为加载顺序
阅读全文
摘要：在做VUE项目开发的时候，有时候需要限制输入字符串的长度，且需要输入数字。常见的例如：input框只能输入11位电话号码。 如果将type设置为number，此时 设置maxlength就无效。 解决办法： <input type="text" pattern="[0-9]{1,4}" oninpu
阅读全文
摘要：在做VUE开发前台用户的时候，对于订单编号，合同编号，增加一个一键复制的功能，往往能够极大的提升用户体验。 第一步：安装 v-clipboard #使用npm安装： npm install --save v-clipboard #使用yarn安装 yarn add v-clipboard 第二步：全
阅读全文
摘要：在做网站开发的时候，经常会遇到使用特殊字体的设计稿，但是如果直接引入该下载的字体，会特别的大，在移动端显示或加载就会很慢。 以下是两种解决方案： 方案一：下载软件压缩字体 https://blog.csdn.net/g310773517/article/details/136465629 https
阅读全文
摘要：子父组件在做数据传值和通信中，通常都是父组件通过【: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打印的功能，出现一个问题，就是点击打印，打印的文档不居中的问题： 具体问题如下： 为了方便预览打印文件，以及样式好看，通常会把打印的文档居中预览，特别是设计稿就是这个样子： 让打印的表格居中显示。 但是这样打印预览的结果是： 首先最重要的问题就是边距的问题，如图所示： 其次比
阅读全文
摘要：在对前端代码进行优化的时候，考虑到执行效率，不能将 v-if 和 v-for 放到一个DOM元素里面： v-if和v-for不能同时的原因: v-for的执行优先比v-if要高 <template> <div class="hello"> <div v-for="(item,index) in li
阅读全文
浙公网安备 33010602011771号