헤더와 메타 데이터를 설정하려면 믹스 인을 만들어야합니다. 이를 위해 잘 작동하는 vue-meta를 찾았습니다. 그러나 나는 아직 typscript와 클래스 기반 구성 요소에 익숙하지 않습니다.
pageTitle구성 요소 속성 내 에서 클래스 멤버에 어떻게 접근 할 수 metaInfo()있습니까?
샘플 코드 :
import Vue from 'vue';
import { Component } from 'vue-property-decorator';
@Component({
metaInfo() {
return {
title: pageTitle, // here I would like to access class member
};
},
})
export default class headerMixin extends Vue {
pageTitle: string = 'Page Title'; // definition of class member
}
해당 metaInfo함수가 구성 요소 인스턴스를 컨텍스트로 수신 한다는 점을 고려하면 다음과 같이 할 수 있습니다.
@Component({
metaInfo(this: headerMixin) {
return {
title: this.pageTitle
};
},
})
export default class headerMixin extends Vue {
pageTitle: string = 'Page Title';
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다