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

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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

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);
		},
	},
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24