vue. js - несколько языков во всплывающем окне с использованием i18n - PullRequest
Новая
       29

vue. js - несколько языков во всплывающем окне с использованием i18n

0 голосов
/ 10 февраля 2020

Я создаю компонент с помощью кнопки «Показать всплывающее окно», используя vue -sweetalert2 . Во всплывающем окне есть 2 кнопки, которые я хочу отобразить на нескольких языках (я использую i18n для нескольких языков для каждого слова в теге template, но всплывающие тексты находятся в script->export default->method) 

methods:{
    openAlert(){
        this.$swal({
            title: 'Confirm Popup',
            text: "File name is duplicate \n What do you want?", //<--here i want multiple language
            showCancelButton: true,
            cancelButtonText: 'Replace file', //<-- here
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Cancel upload' // <--- here
            })
    },

}

Пожалуйста, помогите мне! Я новичок в JS

1 Ответ

0 голосов
/ 10 февраля 2020

Вы можете попробовать установить выбор в предупреждении, как показано ниже. 

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
    });
  }
});

Вы также можете обратиться к примеру в официальной документации.

...