vue项目无法删除
学无止境小奇 人气:0vue项目无法删除
问题
今天删除本地的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这个索引重组,否则再删除时会出错;
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
加载全部内容