vue项目无法删除的问题及解决
作者:学无止境小奇 发布时间:2024-05-02 17:08:36
标签: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这个索引重组,否则再删除时会出错;
来源:https://xiaoqijava.blog.csdn.net/article/details/111718675


猜你喜欢
- 1,模块命名(1)模块推荐使用小写命名,(2)除非有很多字母,尽量不要用下划线因为很多模块文件存与模块名称一致的类,模块采用小写,类采用首字
- 程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务器重新提取数据后反馈给用户。比如一简单的情况,用
- 本文实例分析了MySQL索引用法。分享给大家供大家参考,具体如下:MYSQL描述:一个文章库,里面有两个表:category和article
- 一、运行vue项目1、下载node.js安装完成后分别在cmd中执行node -v查看是否安装成功,出现版本号就安装成功了2、安装 webp
- 具体的实现代码,如下:下面会给简单的说明。<?php /* 1. 配置好你的数据库连接 2. 注意数据表名的前缀 默认为dede_ 3
- Semantics可翻译为语义的(学),它是Html/Xhtml是否真正符合标准的重要一环。Jorux在这和大家讨论一些自己的观点,如有不妥
- 下面步骤展示的是如何经过VirtualBox管理器,使得pycharm和ubuntu中的项目环境连接对应起来!如果你有属于自己的服务器,核心
- 刚看到吴磊同学的一些关于购物车的想法,正巧本人丁学对电子商务这方面比较熟悉,跳出来献丑了,希望对一些同行有些用处。本来想回复到下面的,结果发
- list:Python内置的一种数据类型是列表:list。list是一种有序的集合,可以随时添加和删除其中的元素。比如,列出寝室所有室友的名
- 1、Set基本数据类型a、set集合,是一个无序且不重复的元素集合class set(object): ""
- 动态生成二级菜单树:<script>jQuery(function($) {/**********获取未处理报警信息总数****
- 本文实例讲述了Python面向对象中类(class)的简单理解与用法。分享给大家供大家参考,具体如下:我们先来创建一个简单的类class F
- 前言:前面提到了Python中的数值型内置数据类型,接下来呢我们就着重介绍一下字符串类型。在Python中字符串是一个有序的字符集合,没有独
- 前言之前做过pyqt的一个简单界面,在一个窗口(MainWindow)中实现一些操作;之前嫌麻烦没有去做多窗口和它们的切换功能。最近研究了下
- 引言在 Python 中,输入和输出格式化是一项重要的技能,它可以帮助你更好地与用户进行交互,以及更有效地展示数据。本节将介绍如何使用字符串
- 在《Pragmatic ajax( * 站静态化) A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍,感觉这个介
- 一、 QingScan介绍QingScan是一个安全工具整合系统,解决你平时使用各种工具一个个打 开填写扫描目标的麻烦过程;QingScan
- 第一种:使用CSS属性var display =$('#id').css('display');if(dis
- 所谓SQL注入,就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令。我们永远不
- 从wind上面搞到一批股票数据后发现:本来是一个类型的数据,但是由于季度不同,列名也不同,导致使用pandas合并多个报表的时候总是出现一大