第二十五篇：vue项目里使用delete方法

已于 2023-09-20 11:11:05 修改
阅读量347 收藏
点赞数
文章标签： vue.js javascript 前端
于 2023-09-14 10:04:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maliyao4233/article/details/132870048
版权

当我们调用接口，传入参数，某个字段要清除的时候

  1. 可以直接this.rulefrom.xxx = ‘’
  2. this.$set(rulefrom,‘xxx’,‘’)等等方法，就不一一列举了，因为都很简单。
  3. 也可以用delete this.rulefrom.xxx。

但是：我将要说的是delete这个方法一定要慎用，因为用delete方法，就说明把当前字段直接删除了。如果我们在监听里（watch）,获取数据有这个字段的话。
例如：当你新增或者编辑弹窗的时候。如果在监听里做的，那么就会触发watch，此时你已经删除这个字段。就会出现报错

路遥努力吧
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue中 axios delete请求参数
qq_43919485的博客
08-19 3742
post和put有三个参数，url,data和config，所以在使用这两个时， 可以写成axios.post(api,{id:1}),axios.put(api,{id:1}), 但是delete只有两个参数：url和config，data在config中， 所以需要写成 axios.delete(api,{data:{id:1}}) 如果是服务端将参数当作对象来封装接收则 参数格式为：{data: param} var param={id:1,name:'zhangsan'}
vue学习笔记五：在vue项目里面使用引入公共方法详解
10-17
主要介绍了在vue项目里面使用引入公共方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue学习笔记四
weixin_46685077的博客
07-12 1059
Vue学习笔记四
vue3项目实战中的接口调用方法（二）fetch用法 （前后端交互） get请求/post请求/put请求/delete请求
XSL_HR的博客
10-21 1万+
本期文章将重点介绍vue3的fetch方法实现请求接口
前端每日一练：vue2 删除数组用 delete 和 Vue.delete 有什么区别？​
SAXX2的博客
03-21 329
在删除数组元素时的作用对象、数组长度变化以及响应系统触发等方面存在明显的区别。通常情况下，如果需要删除 Vue 响应式数组中的元素并确保视图同步，应该使用。
Vue如何封装常用axios请求(get,post,put,delete)，后续方便使用
Karse_的博客
04-01 2035
注：get和delete是在路径中传递数据，而post和put可以在request body中传递数据。【按需】加入请求认证信息和报错响应，这里我加入的是jwt认证。在组件中使用封装好的请求，直接this.方法名就可以调用。在main.js中引入封装的四个方法。在src下新建api/api.js。
【Vue学习笔记】- 键盘事件
攻城狮
03-25 420
2、Vue未提供别名的按键，可以使用按键原始的key值去绑定，但要转为kebab-case(短横线命名)配合keyup使用：按下修饰键同时，再按其他键，随后释放其他键，事件才被触发；5、Vue.config.keycode.自定义键名 = 键码，可以去定制按键别名。3、系统修饰键（特殊用法）：ctrl、alt、shift、meta。配合keydown使用：正常触发事件。4、也可以使用keycode去指定具体的键（不推荐）
vue-example:关于vue项目的使用实例
04-29
vue-example关于vue项目的使用实例vue-clivue-base使用vue-cli搭建的vue项目，没有其他操作，纯净的vue项目vue-router-base使用vue-cli搭建的vue项目，加上了路由功能vue-vs-react关于vue项目和react项目的render...
vue项目实战Vue实战项目篇源码.zip
最新发布
05-31
Vue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目...
vue项目中使用fetch的实现方法
10-17
主要介绍了vue项目中使用fetch的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue模板：Vue项目模板
02-18
Vue模板 Vue项目模板
delete和Vue.delete删除数组的区别？
我的博客简介
02-23 548
是 Vue.js 框架提供的方法，删除 Vue 响应式数组元素时会触发响应式更新，确保数组的长度和索引位置的连续性。通常情况下，当需要删除 Vue 响应式数组中的元素时，应该优先使用。删除数组中的元素，可能会导致数组的空洞和索引位置不连续，不够直观，也可能会影响到一些数组操作和迭代时的结果。删除数组中的元素会使数组长度减少，并且确保索引位置连续，删除后的数组会触发响应式更新。是 JavaScript 的内置操作符，删除数组元素时会产生空洞，索引位置不连续；都可以用来删除数组中的元素，但它们之间有一些区别。
简述：delete和Vue.delete的区别
weixin_71403100的博客
06-08 1591
delete只是被删除的元素变成了empty/undefined,其他的元素的键值还是不变。数组长度也不变。而Vue.delete直接删除了数组，改变了数组的键值，长度发生变化。
Vue.set（添加）和 Vue.delete（删除）属性
weixin_42754922的博客
03-05 5040
Vue 可以添加数据动态响应接口。 Vue 不允许在已经创建的实例上动态添加新的根级响应式属性。 Vue 不能检测到对象属性的添加或删除，最好的方式就是在初始化实例前声明根级响应式属性，哪怕只是一个空值。 如果我们需要在运行过程中实现属性的添加或删除，则可以使用全局 Vue，Vue.set 和 Vue.delete 方法。 Vue.set 方法用于设置对象的属性，它可以解决 Vue 无法检测添加属性的限制。Vue.del...
vue $http get,post,put,delete方法使用
热门推荐
山外小楼
03-29 4万+
get方法,此方法向服务器获取我们需要的数据，如果需要传入参数，则需要params click(){ this.$http.post('/xxx',{params:{'page':1,'size':10}}).then((response) =>{ console.log(response) }) }delete方法同上。put方法 .PUT的方法就是其字面表意，将client的资源放在请...
Vue $delete 和 delete 的区别
陆小森_红齐飘飘的博客
09-21 7431
delete 是js原生方法，由于语言限制，此操作无法设置回调来响应 $delete 是vue提供的实例方法，源代码如下： function del (target, key) { if (isUndef(target) || isPrimitive(target) ) { warn(("Cannot delete reactive property on undefi...
vue给数组和对象进行增加删除字段不更新数据的解决方法 — Vue.set(object, key, value)
小白变怪兽
07-02 1万+
关于为什么数据变动bu’chong不重新渲染， 官网已经介绍了， 这里就不再多说： 下面主要记录一下具体的操作代码： 组件基本代码： <style lang="sass"> </style> <template> <div> <div>
Vue删除对象属性需要注意的地方
johnhuster的专栏
03-10 1万+
Vue作为一款很火的开源框架，应用也越来越广，好了直接入主题，var test = new Vue({ el: '#vue_test', data: { remarks: 'Hello Vue.js!' }})上面的一段代码是我们使用Vue时常用的，这样remarks就成为创建的Vue对象的一个属性，如果我们要添加Vue属性可以通过set方法：create_model.$set("xx...
vue 删除某个元素和删除某些元素
weixin_33881140的博客
03-29 1万+
　　今天做项目使用前端vue框架，需要循环遍历去删除一些数组元素。开始思想局限，一直纠结如何去循环删除，犹豫循环删除数组值下标会发生变化，并不是一种好的方法。 方法一：使用forEach和splice 删除某个元素：使用splice方法删除下标为index的元素 　　　　this.splice(index, 1); 方法二： 使用 filer　　　　co...
vue3发送axios请求
09-14
在Vue3中发送Axios请求的步骤如下： 1. 首先，确保你已经在项目中安装了Axios库。你可以使用以下命令在你的Vue项目中安装Axios： ``` yarn add axios ``` 2. 在需要发送Axios请求的组件中，你可以通过导入Axios来使用它。在组件顶部添加以下代码： ```javascript import axios from 'axios'; ``` 3. 接下来，你可以使用Axios发送请求。你可以在Vue的生命周期钩子函数（例如created）或者其他需要发送请求的方法中使用Axios。例如，发送一个GET请求可以这样写： ```javascript axios.get('http://example.com/api/data') .then(response => { // 处理响应数据 }) .catch(error => { // 处理错误 }); ``` 4. 你也可以发送其他类型的请求，比如POST、PUT、DELETE等。只需将请求方法替换为对应的方法即可。例如，发送一个POST请求可以这样写： ```javascript axios.post('http://example.com/api/data', { data: 'example' }) .then(response => { // 处理响应数据 }) .catch(error => { // 处理错误 }); ``` 5. 你还可以在请求中使用其他的配置选项，比如设置请求头、发送请求时携带cookie等。具体的配置选项可以参考Axios的官方文档。 总结起来，使用Vue3发送Axios请求的步骤包括安装Axios库、导入Axios、使用Axios发送请求以及处理响应和错误。通过这些步骤，你可以在Vue3项目中方便地发送和处理Axios请求。 : 官方文档，<https://axios-http.com/docs/intro>

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值