_this2.$xxxis not a function

4 篇文章 0 订阅

报错:_this2.$xxxxxis not a function

 handleDelete: (api) => {
      this.$message("这是一条消息提示");
    },

修改为:

handleDelete: function () {
      this.$message("这是一条消息提示");
    },
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果在router中使用`this.$t('xxx.xx')`方法报错`this.$t is not a function`,很可能是因为在router实例中无法直接访问Vue实例的方法。 在Vue组件中,我们可以使用`this.$t`来访问Vue-i18n的翻译方法,但是在router中,无法直接使用`this`关键字来访问Vue实例。 解决这个问题的一种方法是,在router文件中引入Vue实例,并通过参数的方式将Vue实例传递给router。具体步骤如下: 1. 在Vue实例化之前,创建一个变量来存储Vue实例。 ```javascript import Vue from 'vue'; import VueI18n from 'vue-i18n'; Vue.use(VueI18n); // 创建一个空的Vue实例,用于存储后续创建的Vue实例 export const eventBus = new Vue(); ``` 2. 在创建Vue实例的时候,将之前创建的Vue实例作为参数传递给router。 ```javascript import Vue from 'vue'; import Router from 'vue-router'; import { eventBus } from './main'; Vue.use(Router); const router = new Router({ routes: [ // 路由配置 ] }); router.beforeEach((to, from, next) => { // 将Vue实例传递给router to.params.eventBus = eventBus; next(); }); export default router; ``` 3. 在路由跳转的组件中,通过参数访问Vue实例,并使用`this.$route.params.eventBus.$t('xxx.xx')`方法进行翻译。 ```javascript export default { mounted() { const t = this.$route.params.eventBus.$t('xxx.xx'); console.log(t); } } ``` 通过以上步骤,你就可以在router中访问Vue实例的翻译方法了。 希望能够解决你的问题,如果还有其他疑问,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值