logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element-ui,iview组件样式修改,框架自带样式修改,/deep/击穿

项目中经常要修改框架自带的样式,但是写style,却没有效果方法一:给组件加id / class,在style一面直接修改,注意style不要加scoped,vue可以有多个style结构:<template><Modal v-model="params.modal1" :title="tit" :mask-clos

vue指令:v-focus实现el-input获得焦点,input获得焦点时不弹起键盘

背景大量的页面需要进入时获得焦点,还有安卓pda扫描设备,需要获得焦点时,不触发键盘弹起。源码使用vue指令实现。你要不是用的vue, 也可以提取出来,@focus配合函数 实现。// 添加全局v-focus指令Vue.directive("focus", {inserted: function(el, { modifiers: { noKeyboard } }) {try {const tagN

文章图片
#vue.js#javascript
vuex刷新之后数据丢失,数据持久化,vuex-persistedstate

为什么刷新之后vuex的状态就没了?原因是刷新之后js初始化,vuex重新初始化了;常见的解决方案有1,mounted里面调接口重新给state赋值,太麻烦,pass2,watch里面监听state,再赋值,也很lowvuex理解不透彻的可以先看看完美方案是利用sessionStorage/localStorage,做一个暂时的储存store的模块化结构主要是针对mutation...

#前端
echarts 自定义legend,线性渐变

先看效果图,业务要求:一次最多两个系列,去掉最开始的系列不管是用原生 jquery vue react基本思路都是 :改变 series clear() 再setOption()html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta ...

#echarts
在vue中应用less, less常用语法

安装:cnpm install less less-loader --save配置loader:找到配置文件:build/webpack.base.conf.js在rules里加一条:{test: /\.less$/,loader: "style-loader!css-loader!less-loader",}...

#less
vue根据权限生成动态路由、导航栏

基本思路:1,创建vueRouter,用公共路由实例化2,创建需要根据权限筛选的路由对象(在路由对象,添加必要的权限判断字段)3,登录完成,由后端配合返回当前用户的权限集合4,筛选出有权限的路由对象,利用vueRouter的addRoutes方法,生成完整路由5,处理刷新页面导致vueRouter重新实例化导致路由对象不完善 (利用router.beforeEach导航守卫,,利用add...

iview render函数常用总结(vue render函数)

iview 的render函数就是vue的render函数iview常用在表格里面自定义内容render函数常用的配置h就是createdElement的简写3个参数如下:h("元素名称或组件名称", {domProps: { // 原生dom元素的一些属性value: 1,type: 'n...

element-ui,iview组件样式修改,框架自带样式修改,/deep/击穿

项目中经常要修改框架自带的样式,但是写style,却没有效果方法一:给组件加id / class,在style一面直接修改,注意style不要加scoped,vue可以有多个style结构:<template><Modal v-model="params.modal1" :title="tit" :mask-clos

Web Components 原生组件的封装(template、slot、生命周期、传参)

先上图看效果user-card就是一个原生的组件,1,支持传入图像、姓名等props2,支持使用slot,插入html片段,使用同vue类似3,支持使用template标签,写组件模板4,支持调用组件的方法,也可以传入方法给组件调用5,兼容性良好,纯原生,主流浏览器都兼容核心API1,自定义元素customElements.define(tag-name,tagClass,{extends:tag

#前端#javascript
到底了