mount vue multiselect到新生成的组件

Question

我试图将vue-multiselect挂载到可以通过javascript生成的字段中。识别字段之间。我在每个id上创建了后缀#metric1_{numhere}。 Vue已成功登录#metric1_1，但对#metric1_2等新元素不起作用。

metricVue = new Vue({
  components: {
    Multiselect: window.VueMultiselect.default
  },
  data: {
    value: { key: 'ctr', value: 'CTR' },
    options: toKeysValues(metricNames)
  },
  methods: {
    customLabel (option) {
      return `${option.value}`
    }
  }
});


function addVues(vc){
  metricVue.$mount('#metric1_'+vc);
}

Answer 1

okey，每次挂载Vue实例时，都需要重建一个新的Vue实例，而不是一遍又一遍地使用相同的Vue实例。

function addVues(vc){ 
  new Vue({...}).$mount('#metric1_'+vc); 
}