iview Table编辑行

<template>
  <div>
    <Table :columns="columns" :data="data"></Table>
  </div>
</template>

<script>
export default {
   
  editIndex: -1,
  editName: "",
  editAge: "",
  editAddress: "",
  data() {
   
    return {
   
      editIndex: -1,
      inputValue: "",
      columns: [
        {
   
          title: "姓名",
          key: "name",
          render: (h, {
     row, index }) => {
   
            let edit;
            if (this.editIndex === index) {
   
              edit = [
                h("Input", {
   
                  props: {
   
                    value: row.name,
                  },
                  on: {
   
                    input: (val) => {
   
                      this.editName = val;
                    },
                  }