vue el-table 添加行手动填写数据

如图   点击添加行   就会出现table表中 空白的一行   让使用者自行填写

页面：

 添加行
    
      
      
        
      

      
        
      
      
        
      
      
        
      
      
        
      
      
        
      
    

js:

data() {
    return {
      dataId:0,
      tableData: [],
    };
  },
  methods: {
    //   添加行
    addDemo() {
      var d = {
        index: this.dataId++,
        riskSourceName: "",
        riskLevel: "",
        riskPointName: "",
        type: "",
        hiddenDanger: "",
        dangerLevel: "",
        accident: "",
      };
      this.tableData.push(d);
      setTimeout(() => {
        this.$refs.demoTable.setCurrentRow(d);
      }, 10);
    },

   }