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

Isis ·

更新时间:2024-09-20

· 400 次阅读

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

以上为个人经验，希望能给大家一个参考，也希望大家多多支持软件开发网。

VUE

1024 个赞