![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
蓝色六一
vue、小程序方向
展开
-
Vue自定义插件实现
Vue自定义插件实现Vue.use源码分析插件是一个对象,必须包含install属性,且是个函数。因为使用插件时需要Vue.use(plugin),所定义的插件相当于use这个函数的一个参数。下面了解下Vue.use主要干了什么。先看看Vue.use得源码:Vue.use = function (plugin) { /* istanbul ignore if */ if (pl...原创 2020-01-16 14:44:05 · 289 阅读 · 0 评论 -
vue样式穿透
>>>原生css样式写法/deep/使用了预处理器 scss 、sass、less且vue-cli3以下版本::v-deep解决2中vue-cli3以上版本不能使用问题原创 2021-06-23 10:36:26 · 81 阅读 · 0 评论 -
VUE兼容IE及iview按需引入兼容IE问题
支持版本介绍vue支持IE8以上的浏览器,vue数据追踪的核心defineProperty不被IE8及以下的浏览器支持,具体原因见vue官网介绍当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的 property,并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性,这也就是 Vue 不支持 IE原创 2020-09-18 11:07:31 · 528 阅读 · 0 评论 -
vue-cli4+项目打包后生成可修改的配置文件
创建免打包JSON配置文件文件cli4+在public文件夹下面新建一个json配置文件,cli4版本以下则在static文件夹下新建即可{ "baseSize": 100, "autoLogout": 6900, "axiosConfig": { "withCredentials": true, "baseURL": "/api" }}通过axios获取在main.js中通过axios获取配置文件中的数据,cli4版本以下请求路径为/static/config.原创 2020-06-16 18:17:33 · 2958 阅读 · 0 评论 -
vue指令directive实现元素拖动
方法实现,位置计算Vue.directive('drag', { inserted: function(el, binding){ let self= el; //获取当前元素 self.onmousedown = (e) => { //鼠标相对拖动元素的位置 + 父元素距离边界距离 let disX = e.clientX - self.offsetLeft; let disY = e.clientY原创 2020-05-21 19:41:31 · 502 阅读 · 0 评论 -
Vue.extend实现toast封装
Toast.vue<template> <div v-if="showToast"> <div class="toastTip"> <p class="title"> {{ tipTitle }} </p> <p class="context"> {{toastTxt }} <...原创 2020-04-09 00:57:38 · 450 阅读 · 0 评论 -
Mixin实现自动保存搜索状态
Mixin实现自动保存搜索状态vue官网上的Mixins说的很迷,自己的理解总结两点定义一个mixin(对象)结构跟vue中script标签内的结构相同mixin中可使用组件中的变量等资源,反之组件中也可使用mixin对象中的资源,简称互相调用(先加载mixin中)下面通过路由query保存搜索参数看一下mixin对象export default { data ()...原创 2019-12-19 19:32:22 · 160 阅读 · 0 评论 -
Vue请求接口封装
vue接口封装封装请求方法import axios from 'axios'import { Message } from 'iview'//axios请求拦截service.interceptors.response.use(response => { //统一处理返回信息 const res = response.data //根据自己接口格式处理 ...原创 2019-11-13 16:20:35 · 3566 阅读 · 0 评论 -
Vue中Less全局变量及样式问题
安装npm install less --save-devnpm install sass-resources-loader --save-dev修改build文件夹下utilsresources中路径是全局less文件less: generateLoaders('less').concat({ loader: 'sass-resources-loader',...原创 2019-05-27 16:51:47 · 1339 阅读 · 0 评论