0
点赞
收藏
分享

微信扫一扫

element 日期选择器添加按钮

穆熙沐 2022-04-19 阅读 44
javascript

实现如图

datePickerFocus() {
      // 简单写个判断避免重复创建
      if (!this.insertButton) {
        this.$nextTick(() => {
          // 获得要插入的目标dom 这一步要靠控制台筛选元素自己去找到位置进行筛选,每个组件都不同
          const targetEl = document.querySelector(
            ".el-picker-panel__footer"
          );
          // 创建清空按钮 可以自定义类跟样式
          const btn = document.createElement("button");
          btn.className =
            "el-button el-picker-panel__link-btn el-button--text el-button--mini";
          btn.innerHTML = "永久";

          // 把清空按钮插入目标dom的前面
          targetEl.insertBefore(btn, targetEl.children[0]);

          // 避免重复创建标记
          this.insertButton = true;

          // 监听按钮点击事件 这里是点击了把值清空
          btn.onclick = () => {
          console.log( this.messageInfo[indexNum].messageVos);
          };
        });
      }
    },
举报

相关推荐

0 条评论