vue项目无法删除的问题及解决
作者：学无止境小奇
这篇文章主要介绍了vue项目无法删除的问题及解决方案，具有很好的参考价值，希望对的大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue项目无法删除
问题
今天删除本地的vue项目，一直提示“操作无法完成，因为其中的文件夹或文件已在另一个程序组打开，请关闭该文件夹或文件，然后重试”。
但是相关的软件我都关闭了，还是不行。如图
解决
我们ctrl+alt+delete打开任务管理器，点击详细信息，找到node.exe
右击选择结束任务，然后点击结束进程，然后就可以成功删除项目了。
vue新增与删除问题
<template>
<div>
<ul v-for="(item , index) in list" :key="index">
<li>
{{item.serial}}---
<button @click="remove(index)">删除</button>
</li>
</ul>
<input type="text" v-model="serial" />
<input type="button" value="点击添加" @click="getserial" />
</div>
</template><script>
export default {
data() {
return {
list: [
{ serial: 1 },
{ serial: 2 },
{ serial: 3 },
{ serial: 4 },
{ serial: 5 }
],
serial: ""
};
},
methods: {
getserial() {
this.list.push({
serial: this.serial
});
this.serial = "";
},
//通过索引删除数组
remove(index) {
//splice 操作数组的方法
this.list.splice(index, 1);
}
}
};
</script>
<style>
</style>html：
<template> <el-main> <el-col :span="24" class="warp-main" v-loading=""> <el-form :inline="true" class="demo-form-inline" v-for="(item, i) in FormArr" :key="i"> <el-form-item label="样例"> <el-input v-model="item.value"></el-input> </el-form-item> <el-button type="primary" @click="Delete(item.index)">删除</el-button> </el-form> <el-button type="primary" @click="AddForm">增加更多</el-button> </el-col> </el-main> </template>
逻辑：
<script>
export default {
data () {
return {
FormArr: [
{
index: 0,
value: ''
}
]
}
},
methods: {
AddForm () {
this.FormArr.push({
index: this.FormArr.length,
value: ''
})
console.log(this.FormArr)
},
Delete (index) {
this.FormArr.splice(index, 1)
for (let i in this.FormArr) {
this.FormArr[i].index = i
}
}
}
}
</script>注释：
1.通过对数组的操作，进行添加和删除；
2.这里应注意index这个索引，用于删除时，知道删的是哪一个值；
3.删完对应的值，要对数组的index这个索引重组，否则再删除时会出错；
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。