vue可编辑列表标签_VUE+Element UI实现简单的表格行内编辑效果

1

2

3

4

5

6

7

8

9 *{

10 margin:0;

11 padding:012 }

13 body{

14 font-family:Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;

15 overflow:auto;

16 font-weight:400;

17 -webkit-font-smoothing:antialiased;

18 }

19 .tb-edit .el-input{

20 display:none21 }

22 .tb-edit .current-row .el-input{

23 display:block24 }

25 .tb-edit .current-row .el-input+span{

26 display:none27 }

28

29

30

31

32

33

34

35

36 { {scope.row.date}}

37

38

39

40

41 { {scope.row.name}}

42

43

44

45

46 { {scope.row.address}}

47

48

49

50

51

52 删除

53

54

55

56
数据:{ {tableData}}