
vue
vue 项目 案例 技术总结
xinxin_zhu
呵呵呵哒
展开
-
vue 实现后台权限管理
1.权限管理思路 (权限(被分配)——》角色(被分配)---------》用户) 框架采用vue-element-admin2,我设计是角色中直接配置权限,看界面 角色列表点击列表中 权限设置 打开的界面权限设置中的树形菜单结构 id是唯一的。对应动态路由中meta:{permission: "对应树形菜单中唯一的id"}, 便于后期比对显示动态路由{"data":[{"...原创 2020-11-29 13:22:05 · 1423 阅读 · 0 评论 -
vue跳转 路由和参数都变化,但是页面没有更新
1问题描述页面 A->B 从浏览器回退到 A ,然后 A->C ,然而C 的页面内容是B的,C页面的 路由地址和参数都是对的。2.解决方法,我是重新刷新一下,但是这个不好有刷新的痕迹。1)用watch监控 $route 监控不到 ,都是空的watch:{ $route(to, from) { console.log("----------"); console.log(to); console.log(from);原创 2020-09-15 15:45:33 · 3824 阅读 · 0 评论 -
vue 3.0 创建项目
1.安装node我的node 版本10.15.3 和 12.18.0 安装都成功了,用这个node版本安装出来的vue 版本对应是 4.4.6 和4.5.3,目前是这样 不知会不会版本变化。2.安装淘宝镜像(如果你的网络很好 这一步可以不装)npm install -g cnpm --registry=https://registry.npm.taobao.org3.全局安装脚手架npm install -g @vue/cli //如果网络不好 用cnpm,前提装了第二步...原创 2020-08-15 17:49:49 · 2342 阅读 · 0 评论 -
vue 文件加载项目中图片文件方式
1.图片和文件在相同目录中 1)加载 bj.png <img:src="require('./bj.png')"> <imgsrc="./bj.png">2) 加载 assets中的图片 直接用相对目录<imgsrc="../../assets/images/***.png"alt/>原创 2020-08-05 14:28:29 · 1038 阅读 · 0 评论 -
mvvm框架
1 mvvmObject.defineProperty():方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。M:model v:view vm:view-model2.mvc view 依赖model 可以有后端代码3.设计模式...原创 2020-06-02 23:50:19 · 237 阅读 · 0 评论 -
Module build failed: TypeError: this.getResolve is not a function at Object.loader 安装node-sass运行报错
.vue转载 2020-04-17 17:17:55 · 199 阅读 · 1 评论 -
vue 基础知识点
1.指令v-html:会覆盖内部内容 会有xss攻击 不要用在用户提交的时候<p v-html="inHtml"><span>aaaa</span></p> //<span>aaaa</span>被覆盖掉v-if v-else :进行逻辑判断 用户不频繁更改v-show :渲染成 display:none...原创 2020-04-15 11:50:13 · 141 阅读 · 0 评论 -
webpack配置
1.新建文件夹 webpack-demovscode 打开文件 -》打开控制台(只要进入文件目录中)2.初始化webpackwebpack init -y //生成package.json3.安装webpacknpm install webpack webpack-cli -D --registry=https://registry.npm.taobao.org会生成...原创 2020-03-29 23:26:08 · 182 阅读 · 0 评论 -
vuex五个核心属性的理解
Vuex的五个核心概念本文参考自Vue文档,说的非常详细,建议看文档。Vuex是什么?VueX 是一个专门为 Vue.js 应用设计的状态管理架构,统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vue有五个核心概念,state,getters,mutations,actions,modules。本文将对这个五个核心概念进行梳理。...转载 2020-03-25 09:42:50 · 534 阅读 · 0 评论 -
vuex
1转载https://baijiahao.baidu.com/s?id=1618794879569468435&wfr=spider&for=pc原创 2020-03-24 14:24:14 · 165 阅读 · 0 评论 -
vue实现表格拖拽并且可编辑
1使用vuedragger第一步安装 vuedraggernpm install vuedraggable --save 或者npm i -S vuedraggable第二步 组件中引用import draggable from "vuedraggable"第三步 初始化组件components: {draggable,}第四步 附上关键代码<...原创 2020-03-20 15:52:17 · 4657 阅读 · 0 评论 -
vue之element-ui文件上传下载
1.文件上传兼容IE //以一个方法的形式 调用改方法传递参数 //pafurl 是一个网络地址(浏览器打开可以访问) http://** //name 文件下载下来的文件名字 onDownLoad(pafurl, name) { axios.get(pafurl, { responseType: 'blob' }) ...原创 2020-03-20 15:35:58 · 2367 阅读 · 0 评论 -
vue 生命周期自理解
1.beforeCreate实例初始化之后,数据观测(data observer)和event/watcher 事件配置之前被调用。data(){return{ name:""}}beforeCreate(){console.log(this.name) //undefined methods和watch 里面的也是用不了的目前...原创 2020-03-13 22:12:30 · 256 阅读 · 0 评论 -
vue之 el-dialog 那些问题
1.单独的组件不依赖父组件怎么关闭dialog把dialog弹出框写在子页面中 不要写在父页面中。在页面中调用弹框页面中的方法进行传值。控制dialog显示 this.$refs.***.funcname(parms);2 dialog 弹出框中的页面不显示 不写在弹出框中的页面会显示。多半因为dialog 还未渲染完成 已经加载子页面中的方法。解决:this.$nextTick(f...原创 2020-03-13 21:49:02 · 2283 阅读 · 0 评论 -
vue父子页面传值
1.props 传值//父组件 传递参数到自组件<template> <div> <my-vue :name="name" :age="age"></my-vue> //:name="name" 传递name的值到子组件 </div></template><script>impor...原创 2020-03-13 21:36:08 · 1174 阅读 · 0 评论