JavaScript上传文件名重复自动加(1)、文件名加1、重命名、vue、parseInt、random

---

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);
		},
	},
};