- 博客(9)
- 收藏
- 关注
原创 路由权限控制
- 菜单权限控制(菜单中的页面是否能被访问)- 静态配置的路由时直接在routes里面进行配置,但是动态路由是通过 `router.addRoutes()` 进行配置
2023-01-06 11:34:56
608
原创 图片裁剪功能
开始画裁剪框(或画布)、画裁剪框(或画布)的中途、裁剪框(或画布)画完、进行裁剪事件 event.detail.originalEvent、event.detail.action。返回裁剪区域基于原图片!检查图片的方向信息(仅JPEG图片有)默认true 在旋转图片时会对图片方向值做一些处理 以解决IOS设备上的一些问题。容器、图片、裁剪框的 最小宽高 括号内为默认值 注意 裁剪框的最小高宽是相对与页面而言的 并非相对图片。容器、图片容器(画布)、图片、裁剪区域相对容器的数据设置和获取。
2022-10-23 12:42:26
611
原创 excel表格导入导出
一,文件导出1. 下包 npm install xlsx@0.14.1 file-saver script-loader --save //安装三个包2. 导出文件 <el-button type="danger" @click="handleDownload">导出文件</el-button> <el-button type="success" @click="$router.push('/loadFile')"
2022-04-14 21:49:15
203
原创 js数组方法总结
1.every方法检测数组中的元素是否全部满足条件 computed: { isAll: { set(val){ //点击全选,小选全部勾上 this.arr.forEach(item =>item.c = val ); }, //forEach方法循环 get(){ let flag = true; this.arr.forEach((item
2022-03-27 16:31:57
104
原创 一文看懂vue组件通讯
组件传值(vue2写法)1. props 父传子父组件绑定数据传递,子组件接收(子组件不能直接修改父组件的数据) //父组件 <Child :msg="data"/> data() { return { data: '父组件传给子组件的信息' } } //子组件 props: { msg: { type: String, default: '' } }2. $em
2022-03-22 18:21:14
780
原创 Vue自定义指令注册
1. 全局注册自定义指令在main.js 中定义Vue.directive('focus', { inserted: function(el){ //el表示指令所绑定的元素 el.focus() } }) //在组件中使用 <input type="text" v-focus></input> 自定义指令传参 :在main.js 中定义Vue.directive('color'.
2022-03-08 09:32:10
1725
原创 vuex使用看这篇就够了
一、Vuex 介绍Vuex 是 vue 项目中实现大范围数据共享的技术方案Vuex作用:能够方便、高效地实现组件之间的数据共享使用 Vuex 的好处:数据的存取一步到位,不需层层传递数据的流动非常清晰存储在 Vuex 中的数据都是响应式的二、使用步骤引入库代码如下(示例)://在store文件/index.js 配置// 1. 下包npm i vuex // 2. 导入 Vuex import Vuex from 'vuex' // 3. 安装 Vu
2022-01-14 23:06:56
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人