vue
忆晨丶
Java开发
展开
-
Vue中this.$route.params和this.$route.query的区别和使用
总结:this.$route.query传递参数时页面的URL显示参数,跳转的页面刷新时数据还会存在;$route.params传递参数时URL不显示参数,跳转的页面刷新时数据不存在。2、this.$route.params的使用。1、this.$route.query的使用。两个方法都用于页面跳转传递参数使用。...原创 2022-08-15 17:57:25 · 276 阅读 · 0 评论 -
Element-UI实现可编辑的表格
一、效果图二、描述有时候根据业务需求,需要对数据进行编辑保存,这时候有三种实现方式,分别是点击按钮弹出弹窗修改,双击弹出弹窗修改,以及直接在表格中点击进行修改等,本文讲述的就是最后一种。功能描述:我们点击表格任意想要修改的表格单元格,可以显示一个文本框进行修改,当我们失去焦点或者内容发生改变的时候,执行修改或保存,然后隐藏文本框,完成修改保存。三、代码案例<el-table :data="powerMessageTableAll" border"原创 2022-05-19 15:48:45 · 14381 阅读 · 3 评论 -
关于element-ui中el-table组件的序号问题?
场景:列表的第一列为序号,为保护数据信息,防止恶意爬虫,不能把后端给的id直接显示想到这里;实现序号加一解决:通过动态绑定属性 row-class-name 。templete中:<el-table :data="tableData3" height="550" style="width: 100%;background: transparent" @row-click="device_detail" :row-class-name="rowClassName"> <.原创 2022-03-07 16:38:57 · 1543 阅读 · 0 评论 -
element-ui table :span-method(行合并)
项目中使用element-ui table :span-method(行合并)效果图【写的很好】参考地址:https://blog.csdn.net/qq_29468573/article/details/80742646转载 2022-01-14 11:19:39 · 182 阅读 · 0 评论