![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
table表格
Change!!
一只喜欢旅游的码农,Up,Up,Up欢迎技术大佬来探讨!
展开
-
Element分页多选功能
Element跨页多选功能原创 2023-02-15 13:31:00 · 293 阅读 · 0 评论 -
vue导入Excel数据到表格
引用1:https://segmentfault.com/a/1190000018993619引用2:https://blog.csdn.net/weixin_40180205/article/details/106747500引用3:https://blog.csdn.net/weixin_41346436/article/details/106278868自己写的很早之前了,忘了用的什么了,哈哈哈...原创 2022-03-23 11:49:28 · 403 阅读 · 0 评论 -
几种table表格头部样式以及弹框
1.代码如下:1. :header-cell-style="{background:'#eef1f6',color:'#515a6e'}"2. :header-cell-style="{background:'#a4beda',color:'#626262'}"3. :header-cell-style="{background:'#f8f8f9',color:'#515a6e'}"4. :header-cell-style="{ background: '#EEF3FF', color: '#33原创 2021-12-05 14:36:25 · 1798 阅读 · 0 评论 -
js常用的几种for循环
1.for循环,直接循环数组,可拿到数组对象中每一个item值,比如我需要给后台传一个id数组,如下let orderId = []for(var i in this.selectedData){ console.log(this.selectedData[i])//打印可看到取到的值 orderId.push(this.selectedData[i].orderId)//取到数组每一个对象中的id,push到数组中 }2.forEach循环。同样传id数组let orderProdu原创 2021-11-18 10:35:18 · 6436 阅读 · 0 评论 -
table表格五星好评的实现
在做商城订单的时候,会有对订单进行评价,列表展示星星的。代码如下:svg图标,大家可以去阿里icon找一个喜欢的<el-table-column label="物流服务" prop="delivery"> <template slot-scope="{row}"> <svg-icon v-for="n in +row.delivery" :key="n" icon-class="star" class="meta-item__icon" /> <原创 2021-11-14 12:17:13 · 895 阅读 · 0 评论 -
路由传参/路由携参跳转几种方式
1.params传参,地址栏不会暴露参数,比较安全 handleDetail(row){//查看明细,name是router中要跳转页面的名字 this.$router.push({name: "pendDetails",params: { orderId: row.orderId },}); }, 接参: created() { this.queryParams.orderId = this.$route.params && this.$route.params原创 2021-11-09 14:14:27 · 227 阅读 · 0 评论 -
如何修改element自带组件的样式
我们在用element的时候,想修改组件自带的样式,却不管用,怎么办呢?方法1:用/deep/ 深度<style lang = "scss" scoped>/deep/ .el-dialog__title{/* 弹框样式 */ font-size: 30px !important;}</style>方法2:给需要修改的样式父级添加一个类名,通过 >>> 符号加重权重<style scoped>.Style >>&原创 2021-11-09 09:07:19 · 1238 阅读 · 0 评论 -
三元运算符
<p>支付渠道:{{orderData.paymentMode == 1?'微信' : orderData.paymentMode == 2?'支付宝' :'其他' }}</p>原创 2021-11-08 09:18:13 · 121 阅读 · 0 评论 -
银行卡只显示前后四位,中间用*星号代替
<el-table-column label="银行账号" align="center" prop="cardNumber" > <template slot-scope="{row}"> <span> {{ row.cardNumber ? row.cardNumber.replace(/^(\d{4})\d+(\d{4})$/,"$1****$2") :""}} </span> </template></el-ta原创 2021-11-05 15:12:29 · 2480 阅读 · 0 评论 -
table表格行内编辑
element-admin模板有英文demo中文demo如下:table表格代码:<el-table-column min-width="100px" label="作者" align="center"> <template slot-scope="{row}"> <template v-if="row.edit"> <el-input v-model="row.author" class="edit-input" size="small.原创 2021-10-21 10:44:37 · 1089 阅读 · 0 评论 -
checxbox,复选框选中,列表添加一列(vue)
1.审核人按钮 <el-checkbox v-model="showReviewer" style="margin-left:15px;" @change="tableKey=tableKey+1" class="filter-item"> 审核人 </el-checkbox>2.data-return中定义// 审核人&&+1showReviewer: false,//默认不选中tableKey: 0,//选中后加一列.原创 2021-10-21 10:29:51 · 417 阅读 · 0 评论