vue.js-使用i18n在弹出窗口中使用多种语言

我正在创建一个带有按钮的组件，使用显示弹出窗口。 在弹出窗口中，有两个按钮，我想显示多种语言 （我对

模板

标记中的每个单词使用i18n作为多语言，但弹出文本位于

脚本->导出默认值->方法

）

方法：{
openAlert（）{
这是斯瓦尔({
标题：“确认弹出窗口”，
text:“文件名重复\n您想要什么？”，//您可以尝试设置select in警报，如下所示

this.$swal({
  title: 'Confirm Popup',',
  input: 'select',
  inputOptions: {
    '1': 'Value 1',
    '2': 'Value 2',
    '3': 'Value 3'
  },
  inputPlaceholder: 'required',
  showCancelButton: true,
  inputValidator: function (value) {
    return new Promise(function (resolve, reject) {
      if (value !== '') {
        resolve();
      } else {
        reject('You need to select a Value');
      }
    });
  }
}).then(function (result) {
  if (result.value) {
    this.$swal({
      type: 'success',
      html: 'You selected: ' + result.value
    });
  }
});

您也可以参考官方文档中的。
您不认为语言选择应该是页眉或页脚中的简单下拉列表，而不是警报。我在页眉中做了下拉列表，这可能会更改模板中所有文本的语言，但不包括弹出窗口中的文本。我想将弹出窗口的语言更改为什么问题同时使用i18n替换弹出窗口的文本？我猜您只需要添加键，并在弹出窗口中相应地使用它们。
this.$swal({
  title: 'Confirm Popup',',
  input: 'select',
  inputOptions: {
    '1': 'Value 1',
    '2': 'Value 2',
    '3': 'Value 3'
  },
  inputPlaceholder: 'required',
  showCancelButton: true,
  inputValidator: function (value) {
    return new Promise(function (resolve, reject) {
      if (value !== '') {
        resolve();
      } else {
        reject('You need to select a Value');
      }
    });
  }
}).then(function (result) {
  if (result.value) {
    this.$swal({
      type: 'success',
      html: 'You selected: ' + result.value
    });
  }
});