复制
vue
<el-table-column align="center" label="代理商的id" width="140">
<template slot-scope="scope">
<span>{{ scope.row.botMasterId }}</span>
<br />
<span style="cursor: pointer;" v-clipboard:copy="'@'+scope.row.botUserName" v-clipboard:success="clipboardSuccess">{{ '@'+scope.row.botUserName }}</span>
</template>
</el-table-column>
js
import clipboard from "@/directive/clipboard/index.js";
directives: {
clipboard,
},
methods: {
clipboardSuccess() {
this.$message({
message: "复制成功",
type: "success",
duration: 1500,
});
},
},
时间问题
例如:2023-12-12T08:12:00.884Z 转换为 “YYYY-MM-DD HH:mm:ss”
1702435155000 转换为 “YYYY-MM-DD HH:mm:ss”
写一个方法:
js:
timeType(val) {
return this.$moment.utc(val).local().format("YYYY-MM-DD HH:mm:ss");
},
vue:
<span v-html="timeType(值)"></span>
字体超出部分隐藏
写一个过滤器
js:
filters: {
limitText(value, maxLength) {
if (!value) return '';
if (value.length <= maxLength) return value;
return value.slice(0, maxLength) + '...';
},
},
html:
<span>{{ scope.row.msg | limitText(15) }}</span>
limitText里面的数字填多少就显示多少,剩下的变成…
撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
查找:Ctrl/Command + F
替换:Ctrl/Command + G
显示前三位后四位隐藏中间部分,中间用三个星号代替
写一个方法
js:
hideMiddle(text) {
if (!text) {
return '';
}else if(text.length <= 6){
return text;
}else {
let start = text.slice(0, 3);
let end = text.slice(-4);
return start + "***" + end;
}
},
<span ">{{ hideMiddle(text) }}</span>
效果:
暂时先记录这些…
自用笔记001