Bootstrap VueJS表单选择添加组标签

如何解决Bootstrap VueJS表单选择添加组标签

我有两个串联的数组，它显示在“ ：options-” ObjOptions” ”上。如何使用此引导VueJS将“ 组标签”添加到相应的现有数组中？

Sample,dropdown options should look like this:

--Apple //group label
----apple1
----apple2
----apple3
----apple4

--Banana //group label
----banana1
----banana2
----banana3
----banana4

<b-form-group>
  <b-form-select id="backdrop-variant" v-model="selected :options="ObjOptions"></b-form-select>
</b-form-group>
export default {

  data() {
      return {
      selected: null,ObjOptions:'',Array1: ["apple1","apple2","apple3"],Array2: ["banana1","banana2","banana3","banana4"],};
  },created: function (){
      let arr1 = this.Array1;
      let arr2 = this.Array2;
      this.ObjOptions = arr1.concat(arr2);
  },}

解决方法

可以使用Dev Tools数组中的对象来创建组。

该对象需要包括一个quadmap <- function(start,rho,niter) { #variables x_1<- start r<-rho n<-niter print(c('x_1','r','n')) print(c(x_1,r,n)) for(i in 1:n) { x_1 <- r* x_1*(1- x_1) print(x_1) } } 属性（将显示在组上方）和一个options属性（将作为组中的每个元素）。

在下面的代码段中，我使用了计算属性，而不是在label钩子中设置数组，因为如果您的options或created数组发生变化，它会变得更加被动

如果您觉得它更适合您的应用程序，那么您当然仍然可以使用Array1钩子。

Array2

created