vue
风轻云淡180518
代码千万行,注释第一行;编程不规范,同事两行泪
展开
-
vue引用svg字体字体图标
1. 安装npm install vue-svg-icon --save-dev2. 将svg图片放入src/svg这里安利一个svg图片库iconfontsrc/svg路径暂时不可配置src文件夹应和node_modules在同一个文件夹下3. 在项目的main.js入口引入vue-svg-icon和需要使用的svg文件名(不需扩展名)原创 2017-08-28 14:02:29 · 7687 阅读 · 0 评论 -
vue加载中图片和加载失败图片的占位图
对于图片较多的项目来说,网络比较慢的话,图片就会加载不出来而导致页面乱了,或者某张图片在服务被删了,默认的样式也是很丑的,所以我们有必要对其优化一波。方案一:const error_img = require('../assets/img_zhanwei@3x.png');var loadImg=function(imgSrc){ return 'this.onload=null;...原创 2018-09-07 14:33:58 · 12833 阅读 · 0 评论 -
mpvue使用富文本
mpvue是一个使用vue开发小程序的前端框架富文本是一些带有style标签的HTML标签文本,方便后台编辑,前端直接显示。在mpvue中如何将其转化为小程序的Wxml呢,不需要自己写代码,你只需要一个库1、安装$ npm i mpvue-wxparse --save2、使用<template> <div> <wxPars...原创 2019-03-06 14:24:37 · 1793 阅读 · 1 评论 -
【手把手】带你撸一个基于vueCli 3.0的前端框架
vuecli 是 vue 的一套工具,便于我们快速开发,其使用方法也是千奇百怪,各种奇技淫巧层出不穷,网上大多教程也只是教你怎么去安装,并没有说要怎么去用,今天来和大家探讨一下该怎么合理的使用。1、创建项目假设你已经安装过node了,执行下面命令安装vuecli3.0,如果你之前安装过vuecli2.0,只需按照提示把2.0卸载,再安装3.0$ npm install -g @vue...原创 2018-12-26 14:59:53 · 1536 阅读 · 0 评论 -
vuex 存储持久化
vuex存储了应用的很多数据,但是一但我们刷新页面,所有的数据都会丢失掉,只能重新从服务器拉数据,又要加很多的逻辑判断,我们可以吧vuex和storage相结合,来解决这个问题。1、引入npm install vuex-persistedstate -S2、使用import createPersistedState from 'vuex-persistedstate'cons...原创 2018-12-19 22:56:33 · 1221 阅读 · 1 评论 -
vue2 手势密码
组件:<template> <div class="masks" v-show="currentValue"> <div class="gesturePwd"> <div class="box"> <h4 ref="gestureTitle"原创 2018-11-11 21:42:21 · 2354 阅读 · 7 评论 -
vuecli3.0热更新失效问题解决
webpack的热更新可以说极大地提高了前端的开发效率,以下就是本人遇到的针对vuecli热更新失效的解决方法:1、检查控制台,编译的时候是否有警告,警告很可能导致热更新的失效2、vueCli3.0及以上的版本,注意不要用cnpm安装依赖包,要用npm...原创 2018-07-03 11:21:21 · 12873 阅读 · 2 评论 -
element-ui 表单自定义验证
element-ui提供了一套表单验证规则,非常方便,但也要注意一些地方。html<el-form :inline="true" :model="newReg" :rules="rules" ref="newReg" :label-width="'60px'"> <el-form-item label="付款人:" prop="p原创 2018-06-05 10:22:47 · 10806 阅读 · 2 评论 -
post请求发送json字符串
今天用vue-resource发送ajax,不知道为什么一直失败,刚开始我以为是跨域问题,就在php里加上了header('Access-Control-Allow-Origin:*');他的作用是可以让任何域名访问,结果还是获取不到数据。。。。后来发现是因为我的this写错了。同时还要加上emulateJSON属性才可以 var that=this;原创 2017-08-19 16:24:06 · 4569 阅读 · 0 评论 -
nuxt 服务器部署
先介绍一下nuxt,nuxt是vue集成的ssr服务器端渲染的解决方案官网:https://zh.nuxtjs.org/guide/vuex-store/部署参考:https://segmentfault.com/a/11900000144509671、首先登陆你的服务器,安装node,建议安装和你开发环境相同版本的,参考下面的https://www.cnblogs.com/...原创 2019-09-07 10:32:37 · 925 阅读 · 0 评论