1、html
<div>
<el-input v-model="inputText" placeholder="请输入"></el-input>
<el-button
type="primary"
plain
@click="clickAdd"
style="margin-top: 7px; margin-bottom: 7px"
>添加</el-button>
<div>
<el-table :data="dataContent" style="width: 100%" border>
<el-table-column prop="id" label="id"> </el-table-column>
<el-table-column prop="text" label="text"> </el-table-column>
</el-table>
</div>
</div>
2、JavaScript
export default {
data() {
return {
inputText: "",
dataContent: [],
fileName: {
},
};
},
methods: {
clickAdd() {
let fileName = this.fileName,
inputText = this.inputText,
obj = {
id: parseInt(Math.random() * 1000000000) };
fileName[inputText] = fileName[inputText] + 1 || 1;
obj.text = fileName[inputText] !== 1 ? inputText + ("(" + (fileName[inputText] - 1) + ")") : inputText;
if (inputText) this.dataContent.push(obj);
},
},
};