我是 vue.js 的新手，我想在資料中呼叫一個方法，如下所示：
data() {
return {
title: capitalizeFirstLetter('title'),
};
},
以及我匯入到 main.js 中的 vue mixin
Vue.mixin({
methods: {
capitalizeFirstLetter(str) {
return str.charAt(0).toUpperCase() str.slice(1);
}
}
})
但這不起作用，我無法呼叫capitalizeFirstLetter資料。是否可以在資料中呼叫方法？
uj5u.com熱心網友回復：
你需要使用 this
title: this.capitalizeFirstLetter('title'),
uj5u.com熱心網友回復：
請確保您已mixin在組件中使用 mixin注冊了property。
之后，您可以使用訪問capitalizeFirstLettermixin 中定義的方法this.capitalizeFirstLetter
作業小提琴
const myMixin = {
methods: {
capitalizeFirstLetter(str) {
return str.charAt(0).toUpperCase() str.slice(1);
}
}
}
new Vue({
el: "#app",
mixins: [myMixin],
data() {
return {
title: this.capitalizeFirstLetter('title'),
};
},
});<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
{{ title }}
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/341313.html
標籤：javascript Vue.js