使用VUE3+TS+elementplus创建一个增加按钮

最新推荐文章于 2025-02-18 13:25:56 发布

原创

最新推荐文章于 2025-02-18 13:25:56 发布 · 2.7k 阅读

46 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #ecmascript

一、前言

在上一篇文章中分享了创建table的过程，详见（VUE3+TS+elementplus创建table，纯前端的table），本文在创建好的table的基础上，再创建一个增加按钮。

二、程序展示

1、前面创建table的程序

<template>
	<div >
		<el-table		
		:data="engList" 
		:header-cell-style="{background:'#DBDBDB', fontSize:'14px', 'text-align':'center'}" 
		highlight-current-row=true
		border=true
		stripe 
		style="width: 100%" 
		
		>
		
			<el-table-column type="index" label="序号" width="60" align="center"></el-table-column>
			<el-table-column prop="carmodel" label="车型" width="120" align="center"></el-table-column>
			<el-table-column prop="carengmodel" label="发动机型号" width="160" align="center"></el-table-column>
			<el-table-column prop="carengpn" label="发动机物料号" width="160" align="center"></el-table-column>
			<el-table-column prop="carengsn" label="发动机序号"