2022年9月27日
溢出显示省略号相关 1.antd table 2.列表通过样式修改
摘要： antd width: "30%"/30, ellipsis: true 主要是这个 通过样式修改列 table { width: 100%; table-layout:fixed; } 注意：table必须设置 table-layout:fixed; ，文字溢出省略才能生效 td { width: 阅读全文
posted @ 2022-09-27 18:07 zongkm 阅读(185) 评论(0) 推荐(0) 编辑
el slot="empty" 关于接口返回空数据 页面显示其他内容
摘要： ####注意这里需要整个都返回的是空数据才行 <el-select v-model="xxxx" :data="xxxx" > <el-table-column prop="deviceType" label="类型" width="50" :show-overflow-tooltip="true" 阅读全文
posted @ 2022-09-27 15:29 zongkm 阅读(122) 评论(0) 推荐(0) 编辑
url跳转传数据相关
摘要： toTodayAlarmRecord(record, site) { const startTime = dayjs( `${dayjs().format("YYYY-MM-DD")} 00:00:00` ).format("YYYY-MM-DD HH:mm:ss"); const endTime 阅读全文
posted @ 2022-09-27 15:20 zongkm 阅读(10) 评论(0) 推荐(0) 编辑
2022年9月26日
给组件input/input-number做校验 vue antd
摘要： #input校验 <a-input v-model="formState.collectCardNum" placeholder="请输入" oninput="value=value.replace(/[^\w\.\/]/ig,'')" /> ####oninput="value=value.rep 阅读全文
posted @ 2022-09-26 12:53 zongkm 阅读(942) 评论(0) 推荐(0) 编辑
2022年9月23日
给文本根据判断加不同的class
摘要： ###我这里的例子是表单中根据接口返回的不同字段显示不同颜色 ####首先是模板，用插槽插到表单里 :class="setFontColor(warningLevel.level) 注意这里，setFontColor这是一个方法 <template slot="warningLevel" slot- 阅读全文
posted @ 2022-09-23 13:46 zongkm 阅读(40) 评论(0) 推荐(0) 编辑
由于表单太长，固定左半边2列，其他的自由滑动
摘要： ###更新 ::v-deep { .ant-table-scroll { overflow-x: auto; } } 2.width: 60, 3.没有固定列到2结束，有的话 fixed: "left", 注意：2，3，写在这里 ###之前写的 https://www.antdv.com/compo 阅读全文
posted @ 2022-09-23 09:58 zongkm 阅读(80) 评论(0) 推荐(0) 编辑
antd插槽的使用 teble sole
摘要： 其实现在了解的也不是特别的清楚 插槽模板在上面 这里只写了其中一个 <template slot="warningLevel" slot-scope="warningLevel"> <span :class="setFontColor(warningLevel.level)">{{ warningL 阅读全文
posted @ 2022-09-23 09:37 zongkm 阅读(317) 评论(0) 推荐(0) 编辑
2022年9月22日
正则
摘要： https://blog.csdn.net/qq_39338799/article/details/121233180 oninput="value=value.replace(/[^\w./]/ig,'')" 阅读全文
posted @ 2022-09-22 15:32 zongkm 阅读(9) 评论(0) 推荐(0) 编辑
2022年9月8日
设置table 表头居中 内容左对齐
摘要： 我这里的表头是这样设置的 <style lang="less" scoped> ::v-deep { .ant-table-thead { tr { th:nth-child(5) { text-align: center; } } } } </style> 直接参考https://blog.csd 阅读全文
posted @ 2022-09-08 17:21 zongkm 阅读(931) 评论(0) 推荐(0) 编辑
列表 内容溢出设置...
摘要： const columns = [ { title: "序号", dataIndex: "index", key: "index", align: "center", customRender: (text, record, index) => `${index + 1}`, width: "4%" 阅读全文
posted @ 2022-09-08 17:18 zongkm 阅读(22) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示