vue2.0
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层。
https://www.javascriptc.com/vue3js/guide/introduction.html
不能懒鸭
努力写出优雅的代码
展开
-
vue项目中请求层的封装:(请求层也实现 模块化 )
1.axios二次封装//http.jsimport axios from 'axios'import router from '@/router'//创建一个axios实例let $axios = axios.create({ // baseURL:"http://localhost:3000/api", 配置代理就不用写这么全了 baseURL:'/api', timeout:3000})//请求拦截器$axios.interceptors.request.us.原创 2022-03-11 22:18:18 · 3894 阅读 · 0 评论 -
解决刷新vuex数据消失的问题-- Vuex持久化插件 (vuex-persistedstate)
vuex可以进行全觉得状态管理,但是刷新后数据会消失。1.安装npm install vuex-persistedstate --save2.配置// store/index.js import createPersistedState from 'vuex-persistedstate'const store = new Vuex.Store({ //.... plugins:[createPersistedState()]})此插件的原理:利用本地存储默认存入l原创 2022-02-28 22:05:10 · 929 阅读 · 0 评论 -
vue中:将列表导出成excel表格、图片下载
功能实现:前后端配合,前端借助调用后端接口。如果后端返回的是base64格式的url,需要转成二进制,再用blob处理;如果后端返回的是文件流或二进制流,直接用blob处理;前端将列表导出成excel表格(后端返回的是base64格式的url)调用后端接口,将列表数据传给后端后端返回一个base64格式的url地址,解码,将base64格式的url转成二进制创建一个a标签,把解码后的地址赋值给a标签的href属性,再给它添加下载功能// /utils.jsexport defa原创 2022-02-20 21:46:33 · 411 阅读 · 0 评论 -
vue中使用 canvas给页面添加水印
封装公共添加水印的方法:// utils/watermark.js/**入参: @text: 传入水印需要展示的文本; @renderDom:要给哪个元素加水印,默认body;*/var watermark = {}var setWatermark = function(text,renderDom=document.body){ var id = '1.23345566.3333344'; if(document.getElementById(id)!==null){原创 2022-02-20 21:10:43 · 784 阅读 · 0 评论 -
vue 中 根据权限进行按钮级别的控制
自定义指令实现按钮级别 权限控制原创 2022-01-06 16:51:54 · 851 阅读 · 2 评论 -
vue2 、vue3 自定义指令
1. 介绍除了内置的指令 v-model 、v-if等,Vue也允许注册自定义指令。vue2.0中,代码复用的主要形式是组件,然而有的情况下,仍然需要对普通的元素进行底层操作。注册自定义指令 v-focus全局注册Vue.directive('focus',{ //当绑定的的元素插入到DOM中时,触发的钩子函数 inserted:function(el){ el.focus() }})或者 局部注册export default { data(){原创 2022-01-07 11:25:20 · 965 阅读 · 0 评论