![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
風灬雲
以后的以后,你是谁的某某某
展开
-
Vue 全局封装axios
Vue 全局封装axios开发过程中不需要在每个组件在引用axios插件ajax函数封装import axios from "axios";axios.defaults.timeout = 5000;//设置超时时间,规定时间内没有响应则执行失败回调function ajax(obj){ return new Promise((seccuss, error) =>{ ...原创 2018-09-18 11:51:38 · 2881 阅读 · 0 评论 -
Vue 全局方法封装
Vue 自定义全局方法最近一个项目,做移动端页面,对于移动端的接触比较少,所以在项目开始的时候选的ui有点不理想,选择了weui,虽然weui有jquery版本的,但是由于不太想用jquery,所以就选择了weui;结果就有点尴尬了,不知道是我刚刚接触没有发现还是weui本来就没有loading、loading、loading、message等这种全局的方法;只在weui的官网找到了样式,没有...原创 2018-09-07 17:48:18 · 3190 阅读 · 0 评论 -
element-ui开发问题记录(二)
项目需求做一个和element中穿梭框一样的效果,但是要求多家一个功能,就是右边的数据要实现拖动排序的效果;没办法,不能用element现成的组件,只能自己封装;代码<template> <div class="customItems"> <div class="customList"> <p class="title"&am原创 2018-10-25 17:52:58 · 418 阅读 · 0 评论 -
element-ui开发问题记录(一)
Breadcrumb 面包屑动态生成el-breadcrumb-item时,不能使用v-text,会导致图标分隔符失效,并且无法跳转;需使用双括号语法&amp;lt;el-breadcrumb separator-class=&quot;el-icon-arrow-right&quot;&amp;gt; &amp;lt;el-breadcrumb-item :to=&quot;{ p原创 2018-10-23 15:55:16 · 905 阅读 · 0 评论 -
Vue项目开发中非常实用的图片拖动排序插件awe-dnd
项目中遇到一个需求;电商管理平台添加商品的时候需要上传或者选择商品轮播图展示的图片,这里涉及到图片的排序问题;一开始只能自己写了一个点击左移或者右移的效果;后面找到这个组件,能非常简单的实现拖动排序的效果安装依赖包npm install awe-dnd --save全局引入import VueDND from 'awe-dnd'Vue.use(VueDND)组件中使...原创 2018-10-24 13:52:08 · 6436 阅读 · 1 评论 -
vue单页面应用引入并配置weixin-js-sdk
vue项目公众号开发,需要使用到分享功能,根据文档引入weixin-js-sdk,首次接触,所以一开始就百度看了大量的贴吧,几乎所有的文章都是说单页面SPA应用需要在每次url变化的时候都得重新配置sdk,也就是wx.config();我不知道这是不是一个误区,反正我按这个思路在APP.vue的watch里面监听$route,每一次路由变化时调用wx.config(),始终无法成功,返回错误提示i...原创 2019-01-04 10:59:32 · 6595 阅读 · 1 评论 -
vue-router动态路由实现前端权限管理
年初了,抱着试试水的心态出去面试了两家公司;其中一家公司面试的时候多次问到了vue-router的动态路由实现权限管理的问题;回来后我就仔细研究了一下router.addRoutes动态路由是基于vue-router 新增的router.addRoutes方法来实现的;也就是为了达到当用户登录之后通过判断用的权限来觉得前端哪些页面能展示,哪些不能展示;第一步 创建vue-routerro...原创 2019-03-01 16:35:13 · 4768 阅读 · 0 评论 -
Vue实现监听dom节点宽高变化
在Vue中实现监听dom节点宽高变化原生js方法该方法适用所有vue项目,原生js开发的思维 <div ref="datas"> <div class="scroll_box" ref="scroll" style="width:20%;height: 20%;overflow:scroll;position: absolute;left: 0;top: 0;back...原创 2019-10-10 16:37:14 · 14550 阅读 · 0 评论