vue filters中使用data中数据

剑九_六千里

于 2021-12-22 13:46:42 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/to_the_Future/article/details/122083980

本文介绍了一种在 Vue 的 filters 中访问组件 data 属性的方法。通过在 beforeCreate 生命周期钩子中将 Vue 实例赋值给全局变量 _self，filters 内可以通过 _self 访问到 data 中的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue filters中 this指向的不是vue实例，但想要获取vue实例中data中的数据，可以采用下面方法。在 beforeCreate的钩子函数中将vue实例赋值给全局变量_self，然后filters中即可通过_self获取data中数据

var _self;

<script>
	export default {
		data: {
			return: {
				name: "hello",
			},
		},
		beforeCreate() {
			_self = this;
		},
		filters: {
			test: function (val) {
				return _self.name;
			},
		},
	};
</script>