element-ui的采坑

314 阅读1分钟

1.文件上传

情景:文件不需要选择完立刻提交的,需要添加http-request事件,否则默认的action地址会在选好文件后提交(跨域等问题) 解决: :http-request="handleUploadFile"

2.表格单选 情景:表格默认是多选的,需要自己修改内部事件

 handleSelectionChange(row) {
 	//手动将上次选中项改为未勾选状态,调用toggleRowSelection
      this.tableData.forEach((item) => {
        if (item.userId !== row[[row.length - 1]].userId) {
          this.$refs.tableListRef.toggleRowSelection(item, false);
        }
      });
      // 当前选中为数组最后一项
       if (row.length > 1) {
        row = [row[row.length-1]]
      }
      this.tableRowSelection = row
    },