- 博客(16)
- 收藏
- 关注
RSS订阅
1原创 npm 下载依赖出现问题
npm i / cnpm i npm run dev / npm dev serve cnpm uninstall node-sass cnpm install node-sass@4.14.1 npm run serve / npm run dev
2021-11-09 17:39:12
613
原创 2021-05-25
vue中后台管理系统的权限控制 采用了RBAC权限设计思想 左侧菜单权限控制（不同的用户进来系统之后，看到的菜单是不同的） 操作按钮权限控制 (页面上的按钮，不同的人也有不同权限) 动态生成左侧菜单 动态添加路由配置 : router.addRoutes([路由配置对象]) 用户能访问到的页面（路由配置）必须是动态的， 所以要先掌握一个可以动态添加路由地址的API 在router/index.js中的路由配置中删除动态路由的部分 在permission.js中引入，...
2021-05-25 23:03:41
162
原创 2021-05-24
$nextTick的理解 定义：在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后立即使用这个方法，获取更新后的DOM。 vue当中对DOM的渲染是异步渲染的,如下,当我们对下面数组push新的值的时候,DOM不是马上更新的 在修改数据之后使用 $nextTick，则可以在回调中获取更新后的DOM. ...
2021-05-24 21:36:36
60
原创 2021-05-22
vue实现上传图片的方式: 方案一：存到自己公司购买的服务器上 方案二：存到三方云服务器（阿里云，七牛云，腾讯云） 我们以腾讯云为例, 创建一个免费的云存储 1.创建账号并实名认证 2.开通对象存储 3.创建存储桶 4.在左侧的菜单中选安全管理 5.配置云API秘钥 准备工作完成 思路: 1.点击区域,弹出文件选择框 2.选择文件 3.上传到腾讯云cos中 4.获取图片在cos中的地址 5.把地址交给组件的使用者 图片上传组件,基于element.
2021-05-22 20:00:47
589
原创 2021-05-21
vue使用Excel导入导出 一般有两种思路: 前端主导（工作大量在前端） 后端主导（工作大量在后端） 到时候抱住后端大腿叫爸爸 1.安装依赖包: npm install xlsx -S 2.将下面的代码封装成组件,并注册为全局,并将其放入项目components/UploadExcel <template> <div> <input ref="excel-upload-input" class="excel-uplo...
2021-05-21 20:48:33
160
原创 2021-05-20
vue生命周期 Vue实例从创建到销毁的过程，就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程 生命周期分为四个方面,八个阶段 1、beforeCreate（创建前） 2、created（创建后） 3、beforeMount（挂载前） 4、mounted（挂载后） 5、beforeUpdate（更新前） 6、updated（更新后） 7、beforeDestory（销毁前） 8、destoryed（销毁后） ...
2021-05-20 17:09:10
85
原创 2021-05-16
论vue一个弹窗两种用法 准备两个页面 ,一个组件 ,一个主页 将子组件引入到父组件 在编辑时，只有第一次点编辑时，才能正确显示。随后再点编辑，数据显示不正确了 // 用户点击了编辑 hEdit(id) { // 1. 弹层出来 this.showDialog = true // 3. 传递一个标识给子组件，告诉它我们现在是编辑状态 this.isEdit = true }, // 用户点击了新增 ..
2021-05-16 20:11:18
69
原创 2021-05-15
修饰符 .sync和 .native .sync: 实现父子组件数据之间的双向绑定，与v-model类似。 类别在于：一个组件上只能有一个v-model，.sync修饰符可以有多个。 sync与v-model区别是 相同点：都是语法糖，都可以实现父子组件中的数据的双向通信。 不同点: 语法格式不同: v-model是 @input + value :num.syc: @update:num v-model 是只能用一次, 而sync则可以有多个 ...
2021-05-15 19:59:47
80
原创 2021-05-12
数组用法 var arr = [{label:'男',value: 1}, {label:'女',value: 0}] // console.log(arr[0].value); // console.log(arr[1].value); // console.log(newArr); var newArr = {} function f(arr) { arr.forEach((item,index) => { newArr[item.value] = item.labe
2021-05-12 17:32:42
208
原创 2021-05-10
数组进阶 //数组进阶 var list = [ { id:1, name:'老李', gender:'男', score :78 }, { id:2, name:'老铁', gender:'男', score :68 }, { id:3, name:'老王', gender:'女', score :55 }, { id:4, name:'老管', gen
2021-05-11 14:46:24
84
原创 2021-05-10
数组的基础用法 var list = [1,2,3,4,5,6,7] //push 往数组最后一个位置追加元素 // list.push(6) // console.log(list); //unshift 往数组第一个位置追加元素 // list.unshift(6) // console.log(list); //pop 移除数组中最后一个元素,并返回这个被删的元素 // var arr = list.pop() // console.log(arr); // 7 //shift 移
2021-05-10 20:59:00
66
原创 2021-05-06
点击上传头像 methods:{ imagFn(){ //点击图片事件 //目标:虽然点击van-image,但是要让input[type=file]标签实现点击事件->导致默认行为(选择文件窗口出现) this.$refs.iptFile.click() }, //目标:发给后台-发现我们应该传一个file文件给后台,用newFormData()-表单对象 asynconFil...
2021-05-06 18:14:01
109
原创 点击发表图标评论，滚动到评论区
lookComFn () { // 点击 - 显示评论区顶端 // 1. 点击直接滚动过去 // 思路: window.scollTo 设置Y轴滚动值, 滚动值就是文章内容的高度 // window.scollTo(x坐标, y坐标) - 把滚动条滚动到指定位置 (左上角是0, 0) // window.scrollTo(0, document.querySelector('.article-container').offsetHeight...
2021-05-04 16:56:54
438
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人