初次使用vue的第三方组件vux总是报 _vm.$t is not a function的错误

Question

初次使用vue的第三方组件vux总是报 _vm.$t is not a function的错误可是从来都没用过这个方法，为什么要定义呢？

<template>
  <div>
    <group>
      <x-switch title="Basic Usage" v-model="show1"></x-switch>
    </group>
    <actionsheet v-model="show1" :menus="menus1" @on-click-menu="click"></actionsheet>
  </div>
</template>

<script>
  import {Actionsheet, Group, XSwitch} from 'vux'
  export default {
    components: {
      Actionsheet,
      Group,
      XSwitch
    },
    data () {
      return {
        show1: false,
        menus1: {
          menu1: 'Share to friends',
          menu2: 'Share to timeline'
        }
      }
    },
    methods: {
      click (key) {
        console.log(key)
      },
      
    }
  }
</script>

<style>

</style>

Answer 1

你应该是用了配了i18n吧？用ToastPlugin等组件前先要use(i18n)，像github的main.js那样

Vue.use(vuexI18n.plugin, store)

// plugins
import { DatetimePlugin, LocalePlugin, DevicePlugin, ToastPlugin, AlertPlugin, ConfirmPlugin, LoadingPlugin, WechatPlugin, AjaxPlugin, AppPlugin } from 'vux'

Vue.use(DevicePlugin)
Vue.use(ToastPlugin)
Vue.use(AlertPlugin)
Vue.use(ConfirmPlugin)
Vue.use(LoadingPlugin)
Vue.use(WechatPlugin)
Vue.use(AjaxPlugin)
Vue.use(LocalePlugin)
Vue.use(DatetimePlugin)

Answer 2

先安装 vue-i18n
在main.js中import vuei18n from 'vue-i18n'
vue.use(vuei18n)
再把你的vue组件页面中的$t全删掉，问题解决

Answer 3

这样，先把如果是cnpm装的模块，先rm -rf删掉，然后用npm重装一次。之前遇到过这样的问题，$t是vux里多语言的东西

Answer 4

$t 是vux 自己的一个方法 他的很多组件 都有 $t(someValue) 存在