Vue this指向

最新推荐文章于 2024-11-13 11:52:56 发布

qq_45973715

最新推荐文章于 2024-11-13 11:52:56 发布

阅读量77

点赞数

分类专栏：前端小问题文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_45973715/article/details/121242272

版权

前端小问题专栏收录该内容

4 篇文章 0 订阅

订阅专栏

该博客探讨了Vue.js中methods方法体内this的指向，以及如何在Vue实例中进行数据验证和操作。通过示例代码展示了如何在Vue组件中添加和删除数据，并强调了在方法内部使用Vue实例数据时的注意事项。

摘要由CSDN通过智能技术生成

var demo=new Vue({
			el:"#box",
			data:{
				thing:"",
				things:[],
			},
			methods:{
				add:function(){
					var Isadd=true;
					this.things.forEach(function(ele){
						if(ele==demo.thing||demo.thing==''){
							Isadd=false;
							alert('');
						}
					});
					if(this.thing&&Isadd){
						this.things.push(this.thing);
					}
				},
				del:function(key){
					this.things.splice(key,1);
				}
			}
		});