Vue.js:如何从另一个导出的constent调用方法

时间:2017-11-07 11:04:09

标签: javascript vue.js

我正在导出一组常量并将其用作mixin。我不确定如何从不同的导出常量调用方法?

mixins.js

export const exConstOne = {
  methods: {
    fnOne () {
      console.log('exConstOne > fnOne got fired')
    }
  }
}

export const exConstTwo = {
  methods: {
    fnTwo () {
      exConstOne.fnOne()
    }
  },
  mounted () {
    this.fnTwo()
  }
}

MyComponent.vue

<script>
  import { exConstTwo } from './mixins'

  export default {
    name: 'MyComponent',
    mixins: [exConstTwo],
  }
</script>

1 个答案:

答案 0 :(得分:1)

你忘记了&#34;方法&#34;在你的函数调用中。

如果您更改以下代码,则可以使用

mixin.js

export const exConstOne = {
  methods: {
    fnOne () {
      console.log('exConstOne > fnOne got fired')
    }
  }
}

export const exConstTwo = {
  methods: {
    fnTwo () {
      exConstOne.methods.fnOne()
    }
  },
  mounted () {
    this.fnTwo()
  }
}

注意:问题与Vue无关。这只是一个javascript错误。