Vue和vue-multiselect。做出选择以对所选语言做出反应

时间:2019-07-01 12:51:47

标签: javascript html vue.js vuejs2 vue-multiselect

我目前正在支持多种语言的Vue网站上工作。选定的语言存储在vuex商店中,我具有计算出的属性lang

lang(){
  return this.$store.state.lang
}

现在,我在v-ifs,shows和其他计算的属性中使用此属性,因此,它工作得很好。我碰到的只有一件事,那就是多选(https://vue-multiselect.js.org/)。计算的options属性看起来像这样

mappedOptions(){
  return this.options.map(
    (o, ind) => {
      return {name: o.title[this.lang], code: ind}
    }
  );
}

现在的问题是,这不起作用。这些选项可能是在创建的生命周期挂钩中初始化的,因此以后不会更新。您有什么聪明的主意,如何在vue-multiselect中使用多种语言?除了这个问题,我非常喜欢该组件,所以我不想切换。

1 个答案:

答案 0 :(得分:0)

在多选上放置Console.WriteLine("Enter the array Size:\t"); int n = Convert.ToInt32(Console.ReadLine()); int[] arrSum = new int[n]; Console.WriteLine("Enter the array elements of {0} as Array Size:\n",n); for(int i = 0;i<n;i++){ arrSum[i]= Convert.ToInt32(Console.ReadLine()); } Console.WriteLine("Enter the number whose sum you want to find:\n"); int j = Convert.ToInt32(Console.ReadLine()); ArraySum(arrSum,n,j); ,应该可以解决问题