Soy nuevo en vue.js y quiero llamar a un método en los datos, así que algo como esto:
data() { return { title: capitalizeFirstLetter('title'), }; },y mi vue mixin que importé a mi main.js
Vue.mixin({ methods: { capitalizeFirstLetter(str) { return str.charAt(0).toUpperCase() + str.slice(1); } } }) pero esto no funciona, no puedo llamar a capitalizeFirstLetter en los datos. ¿Es posible llamar a un método en datos?
Asegúrese de haber registrado el mixin en el componente usando la property mixin en el componente.
Después de eso, puede acceder al método capitalizeFirstLetter definido dentro del mixin usando this.capitalizeFirstLetter
violín de trabajo
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>Necesitas usar this
title: this.capitalizeFirstLetter('title'),