<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;
},
}
iview Table编辑行
最新推荐文章于 2022-09-19 12:45:21 发布
本文介绍如何在iview框架中实现表格的编辑行功能,通过JavaScript和前端技术,详细讲解了配置和交互过程,帮助开发者提升用户体验。
摘要由CSDN通过智能技术生成