vue2
日记
风中徘徊
一枚在迷茫中慢慢成长的普通前端程序媛小白兔
展开
-
vue directive自定义指令封装输入框校验,按钮权限(解决v-model绑定失效问题和数字校验的中文问题)
学习总结:因业务需求,Eelementui封装的表单校验不能满足需求,利用vue的自定义指令封装满足业务的输入框校验,按钮权限指令。参考:https://cn.vuejs.org/v2/guide/custom-directive.html问题描述:修改输入框的值,并没有修改到v-model绑定的值实现代码:一、只能输入三位0-9-a-z的字符串// // 注册一个全局自定义指令 `v-name`Vue.directive('name', { inserted(el, binding原创 2020-11-06 16:18:00 · 2845 阅读 · 1 评论 -
在Vue项目中,关于服务端请求的数据字典(字典值)存放vuex
1、问题描述在Vue或React项目中经常会遇到比如下拉框的数据字典之类的,都是每次在使用的时候实时像服务端请求还是请求一次后将数据放在Vuex还是放在localStorage之类的地方的?如果字典值数据量比较大的话会不会对前端造成负担?项目中的页面经常会和数据字典的值进行查询,一个一个去用ajax去请求,无疑很浪费时间。2、理解vuex的五个核心概念state // 状态树,基本数据定义, 类似组件中的data getter // 理解为store中的计算属性,类似组件中的comp...原创 2020-11-03 18:17:26 · 7200 阅读 · 1 评论 -
vue项目 三种解决vuex页面刷新数据丢失的方法【2021-08-19】
1、问题描述:一般在登录成功的时候需要把用户信息,菜单信息放置vuex中,作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化,导致数据丢失。因为vuex里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,vuex里面的数据就会被重新赋值。2、解决办法:(1)、分析:定义刷新前把store存入本地localStorage、sessionStorage、cookie中。localStorage是永久储存,重新打开页面时会读取上一次打开的页面数据,不断触发l原创 2020-10-27 14:59:21 · 5634 阅读 · 1 评论