ZJTL

摘要： 基本结构 <template> <div> <el-form ref="form" :model="form"> <el-table ref="table" :data="form.tableData" empty-text='暂无数据'> <el-table-column label="姓名"> 阅读全文

摘要： 方法一： 在插值表达式中用$store.state.count来获取 方法二： 在computed中定义一个方法，并return出state对象中的属性及其状态 方法三： 利用vuex的mapState方法来获取vuex的state对象中属性 阅读全文

摘要： 一.什么是gettersvuex中的getters用于对state中存储的数据进行过滤操作。比如等级：假设1代表初级，2代表中级，3代表高级。在state中存储level值为1或2或3.想在页面中获取对应等级就需要进行转换。此时就需要用到getters。 二.使用getters1.在store文件夹 阅读全文

摘要： 亲测可用 https://www.jb51.net/article/172119.htm 还有router.push({path:state.toolBarData[state.toolBarData.length - 1]["detail"]}) 要换成router.push({path:stat 阅读全文

摘要： 需求是根据路由变化来改变面包屑显示 项目中采用的办法是只要路由改变，就重新获取面包屑的路径，然后渲染 watch: { $route() { this.getRoute() } } 或者 watch: { '$route'(to, from) { console.log(to,from) } } 阅读全文

摘要： 问题描述： 表单绑定数据后，数据能够正常显示，但input框里的值无法修改。 修改方法： 使用this.$set进行赋值,因为vue.js不能监听对象属性的添加和删除 <script> export default { data () { return { form: { name: '' } } 阅读全文

摘要： 1.单行文本 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 是强制显示为一行，text-overflow: ellipsis; 将文本溢出显示为（…）,overflow: hi 阅读全文

摘要： 自学用 https://mp.weixin.qq.com/s/pmbA8nNoIP2GpEeukbdL_Q 阅读全文

摘要： 1.预测效果图： 想要实现的效果 2.实际实现的效果图： 不显示父亲菜单 3.解决办法：设置alwaysShow: true，就可以保证只有一个子菜单的父级显示 阅读全文

摘要： 今天遇到一个奇怪的事情，从element官网，复制了树形数据代码，在vue中运行，显示只有表格数据，没有展开节点。 在此分享经验，代码就不发了，element官网组件都有 原因：element-ui不是最新版！！！ 方法： 先卸载之前版本 npm uninstall element-ui 再安装最新 阅读全文