首页 > 其他分享 >问题记录贴:vue-i18n在弹出框中$t()报错:TypeError: Cannot read property '_t' of undefined

问题记录贴:vue-i18n在弹出框中$t()报错:TypeError: Cannot read property '_t' of undefined

时间:2023-10-11 15:47:27浏览次数:39  
标签:... vue undefined Cannot 报错 i18n 弹窗

网上有用的解决方法:vue 国际化在弹出框中$t()报错:TypeError: Cannot read property '_t' of undefined

大佬给出的解决方法:
弹窗是一个新的Vue对象,只需要单独给弹窗重新绑定i18n即可。
代码:

// dialog/main.js
import customDialog from './dialog.vue'
import i18n from '@/i18n'

const NewDialog = Vue.extend(customDialog)

function 弹窗工厂(config) {
	// 具体代码参考elementui弹窗源码
	...
	...
	const Dialog = function (options) {
	...
		const instance = new NewDialog ({
			i18n,
			data
		})
		instance.$mount()
		....
	}
	....
	return Dialog
}

export default 弹窗工厂

标签:...,vue,undefined,Cannot,报错,i18n,弹窗
From: https://www.cnblogs.com/cindy79/p/17757323.html

相关文章

  • Vue 生命周期
    Vue生命周期Vue生命周期指的是Vue实例从创建到销毁整个过程Vue生命周期函数Vue生命周期函数(或生命周期回调函数、生命周期钩子)指的是在Vue生命周期的特定关键时间点被Vue自动调用的一些特殊函数注意事项生命周期函数的名字不可更改,但函数的具体内容是程序员根据需......
  • python报错cannot import name ‘compare_ssim‘ from ‘skimage.measure‘
    问题原因: scikit-image版本过高导致 解决办法: 重装,安装低版本 pipuninstallscikit-imagepipinstallscikit-image==0.15.0-U-ihttps://pypi.tuna.tsinghua.edu.cn/simple ......
  • vue3+vite import 引入ThreeBSP库 报错
    我在网上查了一下先用npm下载了三方包npmithree-js-csg再使用constThreeBSP=require('three-js-csg')(THREE)的方法引入出现了这个报错查了是因为require是webpack里的vite不支持所以找不到然后我就尝试使用import的方法引入importThreeBSPfrom'three-js......
  • 竟然可以在一个项目中混用 Vue 和 React?
    React和Vue是前端开发中的两大热门框架,各自都有着强大的功能和丰富的生态系统。然而,你有没有想过,在一个项目中同时使用React和Vue?是的,你没有听错,可以在同一个项目中混用这两个框架!本文就来分享3个用于混合使用React和Vue的工具!#VeauryVeaury是一个基于React和Vue3的工具......
  • vite.config.js base 与 vue-router base
    vite.config.jsbase决定了打包后,资源引用的前缀base:'/hlw/'linkref='/hlw/assets'打包后的dist要放到/hlw路径下base的值与process.env.BASE_URL、import.meta.env.BASE_URL一致vuerouter的base决定了,多页面的访问路径当vite.config.js与router中的base......
  • vue项目个人配置
    src/assets/base.css:root{--html-bg-color:#ffffff;}html.dark{--html-bg-color:#242424;}src/assets/reset.css/***EricMeyer'sResetCSSv2.0(http://meyerweb.com/eric/tools/css/reset/)*http://cssreset.com*/html,body,div,span,......
  • 将Vue3项目部署到Github Pages
    1.创建vue3项目$npminitvue@latest初始化工程,并验证。2.创建github仓库3.连接vue项目到github仓库打开vue项目根目录,初始化本地git仓库$gitinit$gitadd.$gitcommit-m"init"连接vue项目到第二步创建的github仓库$gitremoteaddoriginhttps://gith......
  • Vue3常用库安装
    目录Pinia引入使用ElementPlus安装完整引入Volar支持按需导入-自动导入unocss&Icon安装unocss安装Icon库使用动态引用图标Iconify安装使用Pinia引入//main.tsimport{createPinia,typePiniaPluginContext}from"pinia";const__piniaKey='__PINIAKEY__'typeOpti......
  • Vue3 + Electron
    https://www.electronjs.org/https://www.electron.build/1.创建一个vue3项目可参考之前的笔记2.安装Electron$npminstallelectron-D$npminstallvite-plugin-electron-D根目录下新建electron/index.ts,修改vite.config.ts配置文件//vite.config.tsimport{......
  • spoot-vue学习
    1、创建Vue项目(需要提前搭建好环境)启动cmd,进入到文件夹路径,输入以下命令,回车vueinitwebpackmyvue其中myvue是项目的名称 2、创建完成后,使用IDEA导入此vue项目在控制台中输入npminstall安装依赖环境 安装完成后,输入npminstall--saveaxiosvue-axios安装ax......