vue props自定义类型检查
发布网友
发布时间:2022-10-16 14:47
我来回答
共1个回答
热心网友
时间:2023-10-20 02:31
1、创建类型
class Person {
constructor(name, age) {
this.name = name
this.age = age}
}
2、在组件中指定test的类型
Vue.component('demo', {
props: {
test: {
type: Person,
}
},
template: '<div>{{test.name}}</div>',
})
3、在父组件中的计算属性必须使用"new Person();"创建这个类,使用其它类型则会报错
<div id=app>
<demo :test="Person"></demo>
</div>
var app = new Vue({
el: '#app',
computed: {
Person() {
var ts=new Person();
ts.name='yyy';
return ts;
}
},
})