vue
文章平均质量分 56
秋刀鱼笛滋味
这个作者很懒,什么都没留下…
展开
-
axios 二次封装、请求拦截、响应拦截
实际开发中,直接用axios的api方法比较麻烦,二次封装一下,要好用很多请求拦截:就是调接口之前,可以添加一些请求配置,headers token等等响应拦截:就是服务器返回之后,可以根据约定的状态,做一些全局的提示等的完整代码:import axios from 'axios'import qs from 'qs'import { Modal, Notice } from 'iv...原创 2019-04-17 12:07:56 · 916 阅读 · 0 评论 -
vue继承一个组件,对element-ui二次开发
vue继承一个组件, 进行二次开发的简单方法eg:修复原组件prefix,放长文本 样式错烂的问题, props和方法跟原组件el-select相同<template> <div class="rys-select"> <div class="rys-select-prefix" :style="prefixStyle"> <slot name="prefix"></slot> </div>原创 2020-12-12 17:31:25 · 2535 阅读 · 0 评论 -
常用table组件封装(函数组件,render函数, 动态slot)
功能:1,key-value类型的展示(如图)2,value支持显示省略号,自带title, 合并格(列)3, value单元格支持使用render,slot,html自定义功能效果图:使用示例:egData试用主组件的示例 <CustomerTable :tableData="egData" > <template slot-scope="{value}" slot="name"> slot渲染: {{v原创 2020-12-02 16:48:59 · 986 阅读 · 2 评论 -
vue 利用proxyTable跨域详细教程,附带前后端实例
配置目录:config&amp;amp;gt;index.js配置: proxyTable: { '/api': { //代理 target: 'http://172.30.34.180:3000/',//服务端地址和端口 changeOrigin: true,//启动代理 pathRewrite: {//重写路径 '^/a...原创 2018-12-03 17:48:10 · 1677 阅读 · 0 评论 -
vuex刷新之后数据丢失,数据持久化,vuex-persistedstate
为什么刷新之后vuex的状态就没了?原因是刷新之后js初始化,vuex重新初始化了;常见的解决方案有1,mounted里面调接口重新给state赋值,太麻烦,pass2,watch里面监听state,再赋值,也很lowvuex理解不透彻的可以先看看完美方案是利用sessionStorage/localStorage,做一个暂时的储存store的模块化结构主要是针对mutation...原创 2019-03-27 12:12:14 · 3141 阅读 · 0 评论 -
vuex入门,图文+实例解析
我理解的概念:vuex是为vue提供了全局的状态仓库(store),就像一个状态机,避免了父子、兄弟组件之前复杂的传参。他维持了全局共用的数据的一致性。核心概念秒懂:1,state 共用的数据2,getters 处理state后得到想要的数据3,mutations 唯一可以修改state的函数4,actions 只能显式的调用mutations,可以异步...原创 2018-12-12 16:26:43 · 1669 阅读 · 1 评论 -
vue keep-alive妙用
周所周知vue实现spa单页引用的核心原理是:根据url动态的切换组件但是每次切换组件时,组件都会重新实例化,数据初始化。那么有没有一个api,可以让组件在切换的时候保持原来的状态呢?比喻一下表单输入值,分页信息等等这就是keep-alive了官方是这样介绍他的用法的<!-- 基本 --><keep-alive> <component :is="vi...原创 2019-04-19 09:57:59 · 183 阅读 · 0 评论 -
iview render函数常用总结(vue render函数)
iview 的render函数就是vue的render函数iview常用在表格里面自定义内容render函数常用的配置h就是createdElement的简写3个参数如下:h("元素名称或组件名称", { domProps: { // 原生dom元素的一些属性 value: 1, type: 'n...原创 2019-04-18 18:56:47 · 10016 阅读 · 4 评论 -
vue 作用域插槽、slot 、v-slot 、slot-scope
vue 插槽slot 和 具名插槽 作用都是在调用组件的时候传递一些DOM结构进去,不同点是:具名插槽在传递DOM时需要声明,传递给哪个slot的名字 name他们用法简单不在赘述。重点说一下作用域插槽 slot-scope 的使用,以及vue2.6.X开始的新语法v-slot作用域插槽的核心作用是:子组件给父组件传递数据老版作用域插槽,slot="test“: 指定插槽的名字用...原创 2019-04-18 17:23:40 · 2119 阅读 · 1 评论 -
ios overflow: scroll卡顿 -webkit-overflow-scrolling:touch的bug多,解决方案
前段时间开发公司移动端官网(m.rys.cn ,vue+vux开发),遇到的ios下滑动卡顿,没有惯性的问题百度之后: -webkit-overflow-scrolling:touch,很快解决了问题,但是它让z-index transform属性失效 ,严重影响了页面的布局问题,各种方法使用之后都不行,最后用 better-scroll插件来滑动,基本解决问题,由于安卓本来就没问题,...原创 2019-04-17 15:18:08 · 1197 阅读 · 0 评论 -
vue tree封装一个可选的的树组件
组件实现的基本功能1,根据后端返回的数据格式,传入组件动态的渲染出当前角色有哪些权限(新建,修改)2,适配有2级和只有一级多选的数据3,有全选(√) ,全不选 ,部分已选(-)的3装状态,每一级都支持(用的iview2次封装)4,改变之后返回当前选中的所有权限的id,用于提交5,手风琴效果,小屏适配先看效果图.有部分权限没打开打开小屏权限数据结构,select_stat...原创 2019-04-02 19:37:09 · 1943 阅读 · 1 评论