Tengo un archivo vue que tiene bastantes métodos que estoy buscando exportar a un archivo separado. El problema es que algunos de estos métodos utilizan la palabra clave this y no sé cómo importar estos métodos correctamente. Aquí hay un ejemplo mínimo.
aplicación.vue
export default { ..., data () { return { // assume these get generated properly through the app this.orderAmount = null, this.tax = null, this.totalAmount = null } }, methods: { assignForAccount () { this.totalAmount = this.tax * this.totalAmount } } } Me gustaría mover métodos como assignForAccount a un archivo separado llamado methods.js , pero obtengo errores undefined cuando trato de hacer esto:
aplicación.vue
import { assignForAccount } from './methods.js' export default { ..., data () { return { // assume these get generated properly through the app this.orderAmount = null, this.tax = null, this.totalAmount = null } }, methods: { assignForAccount } }métodos.js
export const assignForAccount = (context) => { context.totalAmount = context.tax * context.orderAmount }AIT
Debe pasar this.tax y this.totalAmount del archivo App.vue al archivo method.js para los cálculos.
método.js :
export function assignForAccount = (tax, totalAmount) => { return tax * totalAmount }Aplicación.vue :
import { assignForAccount } from './methods.js' methods: { this.totalAmount = assignForAccount(this.tax, this.totalAmount); }