vue项目无法删除的问题及解决
作者:学无止境小奇 时间:2024-05-02 17:08:36
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这个索引重组,否则再删除时会出错;
来源:https://xiaoqijava.blog.csdn.net/article/details/111718675
标签:vue,项目,无法删除
0
投稿
猜你喜欢
mysql jdbc连接步骤及常见参数
2024-01-12 15:49:45
Python使用Dijkstra算法实现求解图中最短路径距离问题详解
2022-07-31 02:40:33
基于JS实现经典的井字棋游戏
2024-04-28 09:51:10
五分钟带你搞懂python 迭代器与生成器
2021-08-24 19:25:10
XMLHTTP自动判断远程网页字符编码
2007-12-28 13:41:00
Python使用minidom读写xml的方法
2022-03-14 11:35:22
Python3 批量扫描端口的例子
2021-12-20 05:17:37
php中实现记住密码自动登录的代码
2023-11-14 18:36:14
MySQL的数据库数据备份和恢复详解
2012-01-29 18:19:07
Python实现随机创建电话号码的方法示例
2021-08-31 06:38:03
python递归&迭代方法实现链表反转
2021-05-04 20:42:04
Python基础之画图神器matplotlib
2022-03-03 23:34:02
CentOS 7 下使用yum安装MySQL5.7.20 最简单方法
2024-01-29 11:13:06
简单了解Python变量作用域正确使用方法
2022-02-03 04:18:55
Python定时任务随机时间执行的实现方法
2023-11-23 18:40:21
JS 中触发 A 标签的点击事件
2009-01-11 17:30:00
让你的主页声色并茂—巧为网页添加背景音乐
2010-09-02 12:35:00
基于PyQt5制作一个windows通知管理器
2022-10-18 19:28:24
深入浅出讲解MySQL的并行复制
2024-01-21 20:22:26
javascript 正则表达式相关应介绍
2024-04-10 14:02:39