mount vue multiselect к вновь созданному компоненту

Question

Я пытаюсь смонтировать vue-multiselect в поля, которые могут быть сгенерированы javascript. Для идентификации между полями. Я создал суффикс для каждого идентификатора как #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); 
}