vue 实战问题合集

1.el-table数据枚举映射 后端发给前端的数据，经常为0、1、2等数字，而前端需要转换为枚举值 2.el-table多列数据过滤 el-table中要写 filters进行过滤（在compute

el-table树形数据序号展示 最终效果： el-table中通过设置 row-key="id" :tree-props="{children: 'subList'}" :default-expan

采用directives自定义指令 inserted:被绑定的元素插入父节点时使用 例如：注册一个局部的自定义指令 v-focus放在input里,使得input能够自动聚焦 代码如下：

问题描述 用①/deep/ ②！important 覆盖第三方组件样式不生效 关于important的覆盖问题 important覆盖 2 3 权值一样，但3是后声明的，会覆盖2

21.11.4————已解决 问题描述 选取文件时，置灰层没有在dialog下面，而是覆盖了dialog 问题原因 Dialog的外层布局的position为{ fix， absolute， rela

21.9.25————已解决 publish和subscribe 问题 pubsub.publish 触发一次 pubsub.subscribe 调用多次 问题描述 在二次封装组件中，组件与表单之间的

问题：新增或者查看都需要新打开一个页面，可以认为是重新走了一遍Vue页面的生命周期。因此不能用VueX来存储状态。 需求：新增一个页面，需要判断该页面是新增数据，还是查看数据。 点击后 左边sideB

错误说明 v-for和v-if写在同一个标签上会报错 提示：The 'undefined' variable inside 'v-for' directive should be replaced w

1.简单验证 验证规则表单中，对每一项进行验证定义。 required: true // 必填项 message: 'xxx' // 验证提示 trigger: // 验证触发方式，以下两者可分开写，

$route route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取对应的name,path,params,query等。表示当前的路由信息，包含了当前 URL

this.$store.dispatch() 与 this.$store.commit()方法的区别总的来说他们只是存取方式的不同,两个方法都是传值给vuex的mutation改变state this

token http:无状态的 cookie:【客户端】记录状态 session:【服务器】记录状态 token:维持状态————存在【跨域】 路由导航守卫 如果用户没有登录，但是直接通过URL访问特