如何解决在类构造函数Vue.js中使用组件数据
我在同一文件中包含具有数据和类的组件
export default {
name: "ViewUsers",data: function(){
return {
// [...]
name: "",type: "",value: "",}
},// [...]
mounted() {
let filter;
console.log(this.$route.query.name,this.$route.query.type,this.$route.query.value);
filter = this.Filters(new Array(new Filter(this.$route.query.name,this.$route.query.value)));
this.GetUsers(this.MakeURI(filter));
},}
和班级:
class Filter{
name;
type;
value;
constructor(name = this.$data.name,type = this.$data.type,value = this.$data.value){
if(name == undefined,type == undefined,value == undefined){
this.name = "Blocked";
this.type = "eq";
this.value = "false";
}
else{
this.name = name;
this.type = type;
this.value = value;
}
}
}
构造函数中的参数很糟糕,应该替换“ this”,但是我不知道是什么。
我尝试了类似var export default x = {}
,var x = {}; export default x;
之类的方法,但是ESLint说这是不正确的语法。那么如何从班级的组件中获取数据?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。