复制、时间问题、超出隐藏等

复制

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