
vue
NANA北极
这个作者很懒,什么都没留下…
展开
-
axios拦截器统一处理获取token,失效时请求重新执行
无登录token验证const instance = axios.create({ baseURL: baseURL, timeout: 30000,});export const interceptorsRequsetFun = (config) => { // let Token = get("token"); let Token = sessionStorage.token; let newToken; let expireTime = get("expireTi原创 2021-08-26 11:33:20 · 1090 阅读 · 0 评论 -
vscode编辑器 eslint debugger报错
找到package.json 文件eslintConfig"rules":{"no-async-promise-executor":"off","no-unused-vars":"off","comma-dangle":"off","no-debugger":"off"} "eslintConfig": { "root": true, "env": { "node": tr...原创 2021-01-14 17:15:54 · 2870 阅读 · 0 评论 -
vuex vue-router动态路由
1、permissionRoute.jsimport { asyncRouterMap, constantRouterMap } from '@/router'import Layout from '@/views/layout/Layout'function importComponent(file) { return require('@/views/' + file + '.vue').default}/** * 通过meta.role判断是否与当前用户权限匹配 * @原创 2020-08-05 13:47:09 · 884 阅读 · 0 评论 -
vue provide inject传值
1、parent组件使用provide提供一个injectData,son组件通过inject获取到parent注入的数据,以上就是它的最简用法2、provide/inject这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。provide 选项应该是:一个对象或返回一个对象的函数inject 选项应该是:一个字符串数组,或 一个对象,对象的 key 是本地的绑定名 //父级 provide: function()原创 2020-08-05 11:14:49 · 1238 阅读 · 0 评论 -
vue 绑定style方式
<view class="icon-tag" :style="{'font-size':item.choose?'12px':'14px','color':accolor}"> <Icon type="" class="main_color " size="15"/></view>原创 2020-07-14 17:49:46 · 2642 阅读 · 0 评论 -
vue 组件双向绑定sync修饰符、$emit(‘update:key‘,value)
props: { value: { type: Array, default () { return [] } }, },this.$emit('update:value',this.List )<selectTag :value.sync="info.goods_guarantee" @tagClick="tagClick"></selectTag>原创 2020-07-14 16:16:11 · 5255 阅读 · 1 评论 -
less变量、函数用法
$font-color-theme : #9c8084;//字体主题颜色默认@mixin font_color($color:$font-color-theme){/*通过该函数设置字体颜色,后期方便统一管理;*/ color:$color; [data-theme="theme1"] & { color:$font-color-theme1; }}.el-select-dropdown__list > .selected { @include font_co.原创 2020-06-30 15:49:07 · 1223 阅读 · 0 评论 -
vant van-list无限加载了解决方法,vant的下拉加载和upload都有点坑(上传在钉钉H5多张照片会黑屏死掉)
1、:immediate-check="false" <van-list :immediate-check="immediate" v-model="loadingTask" :finished="finishedTask" :finished-text="task_list.length > 0 ? '没有更多了' : ''" @load="onLoadTask"原创 2020-06-22 17:34:28 · 9013 阅读 · 2 评论 -
vue别人封装的组件事件如何阻止冒泡,如element-ui 阻止默认组件的事件冒泡方法
只需要在你封装的组件外侧 套个div,div上写@click.stop原创 2020-06-17 16:05:38 · 2469 阅读 · 0 评论 -
vue filters全局注册和局部注册
1、全局注册(在main.js)import * as filters from './filters' // global filtersObject.keys(filters).forEach(key => { Vue.filter(key, filters[key])})2、局部(组件里面)filters: { statusFilter(status) {...原创 2020-03-16 11:04:37 · 804 阅读 · 0 评论 -
vue 表单值不能输入或下拉框无法操作、无法选中
1、下拉框无法选中<el-select v-model="value" placeholder="请选择" @change="change()"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-opti...原创 2020-03-13 10:18:23 · 2559 阅读 · 0 评论 -
vue conputed使用方法
1、普通用法<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p></div>var vm = new Vue({ el:...原创 2019-12-27 13:43:06 · 866 阅读 · 0 评论 -
webpack vue 使用阿里巴巴矢量网svg图标
webpack vue 使用阿里巴巴矢量网svg图标1.选择你要的小图标加入购物车,添加到你的项目中;2.点击到symbol中点击更新代码;如图3.复制代码前面加http://如下图将这个js代码下载下来;保存成一个文件放在vue的项目中4.然后在App.vue引入你的js文件原创 2017-10-24 17:46:59 · 1693 阅读 · 0 评论 -
vue 点击切换变色 tab 改变class 跳转链接
vue 点击切换变色 tab 改变class1. {{item.name}} 2. data(){ return { footlist: [ { name: '首页', path: '/原创 2017-10-26 15:02:27 · 3704 阅读 · 1 评论 -
vue-jsx中如何使用v-if
v-show={node.m_unit_type=='小区'}原创 2019-03-12 14:51:35 · 8380 阅读 · 1 评论 -
vue element-ui tree 节点加虚线,样式修改
<el-tree ref="tree" :props="defaultProps" current-node-key="1" :load="loadNode" lazy indent="0" node-key="space_id" :default-原创 2019-03-13 17:21:33 · 13221 阅读 · 7 评论 -
vue element-ui tree 鼠标移入出现添加、修改、删除等按钮
1、tree 组件代码 <el-tree ref="tree" :props="defaultProps" current-node-key="1" :load="loadNode" lazy indent="0" node-key="space_id"原创 2019-03-13 17:28:09 · 9077 阅读 · 1 评论 -
vue element-ui Upload 上传文件图片再次封装
1、添加组件名UploadFile<template> <div class="upload-container"> <el-dialog :visible.sync="dialogVisibleImg" :title="ImgName" append-to-body="true"> <img wi原创 2019-03-13 17:38:28 · 2936 阅读 · 0 评论 -
vue 打包好后发布如何在打包后的代码里更改接口域名值,不需要重新打包发布
1、在static文件夹新建一个config.js,打包后生成的相同名文件夹,更改里面值就可以了window.global_config = { BASE_URL: 'http://deuv.ulocuuuual.cn', // BASE_URL: 'http://192.168.199.178:700'};2、在index.html文件里引入config.js &...原创 2019-06-10 16:26:27 · 3747 阅读 · 0 评论 -
vue watch用法
1、基本用法,watch 的方法默认是不会执行的,只有当监听数据变化,才会执行。通过声明immediate 选项为 true,可以立即执行一次 handler。<template> <div> <el-input v-model="demo"></el-input> {{value}} </div>&l...原创 2019-06-25 18:03:55 · 243 阅读 · 0 评论 -
webpack Vue热加载配置好的确不行解决方法,限于webstorm编辑
webpack Vue热加载配置好的确不行解决方法,限于webstorm编辑最后Use"safe write.....啥的对号去掉原创 2017-10-24 15:07:11 · 1407 阅读 · 0 评论