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

初次使用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>

回答:

你应该是用了配了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)

回答:

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

回答:

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

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注