美文网首页
前端开发小知识

前端开发小知识

作者: 无题syl | 来源:发表于2021-06-09 16:01 被阅读0次

1.el-dialog嵌套在el-popover中但是遮罩层不对的问题
参照element 官方文档 设置append-to-body为true 即可

2.表格中有点击行事件/行中又有按钮事件,点击按钮时,同时触发行事件,在按钮中使用@click.stop阻止事件冒泡。

 <el-button type="text" size="small"  @click.stop="delete"><i class="el-icon-delete"></i>删除</el-button>

3.上传文件 修改上传文件的filename 不能直接赋值
const copyFile = new File([item.file], ${time}_${item.file.name})

async upload(item) {
      let result = this.beforeUpload(item.file);
      if (!result) return;
      let time = format(item.file.lastModifiedDate);
     const copyFile = new File([item.file], `${time}_${item.file.name}`)
      console.log(copyFile)
      let formData = new FormData();
      formData.append("file", item.file);
      formData.append("guid", this.firstObj.guid);
      formData.append("creatorguid", this.firstObj.creatorguid);
      // let res = await this.$api.mail.sendFile(formData);
    },

4.随机生成整数 Math.random()

Math.floor(Math.random()*3)  //生成[0,2]的整数

Math.random()随机生成[0,1)的数
Math.floor(x)生成小于x的最大整数

相关文章

网友评论

      本文标题:前端开发小知识

      本文链接:https://www.haomeiwen.com/subject/hnedeltx.html