网络编程
位置:首页>> 网络编程>> JavaScript>> vue项目无法删除的问题及解决

vue项目无法删除的问题及解决

作者:学无止境小奇  发布时间:2024-05-02 17:08:36 

标签:vue,项目,无法删除

vue项目无法删除

问题

今天删除本地的vue项目,一直提示“操作无法完成,因为其中的文件夹或文件已在另一个程序组打开,请关闭该文件夹或文件,然后重试”。

但是相关的软件我都关闭了,还是不行。如图

vue项目无法删除的问题及解决

解决

我们ctrl+alt+delete打开任务管理器,点击详细信息,找到node.exe

vue项目无法删除的问题及解决

右击选择结束任务,然后点击结束进程,然后就可以成功删除项目了。

vue项目无法删除的问题及解决

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这个索引重组,否则再删除时会出错; 

来源:https://xiaoqijava.blog.csdn.net/article/details/111718675

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com