JavaScript上传文件名重复自动加文件名加1重命名vueparseIntrandom

Posted 2022-11-27 web半晨

文章目录

• 1、html
• 2、JavaScript

---

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