javascript - 如何在Vue中动态更改选项

Question

我在这里有两个不同的问题：

这是我想稍微修改的代码。

 <select
   :name="'pipeline_status' + opportunityId"
   :id="'pipeline_status' + opportunityId"
   class="form-control"
   v-model="pipelineStatus"
   @change="setTransitionState"
   > 
     <option
     v-for="state in pipelineStatusOptions"
     :key="state.id"
     :value="state.id"
     >{{state.primary_state}}
     </option>
  </select>

methods: {
   setTransitionState(){
      this.inTransition = true; (This triggers the modals)
   }

}

'pipelineStatus' in the v-model equals out to be the id of each selected option

我想知道是否可以动态更改 {{state.primary_state}} ？还有我的第二个问题，由于某种原因，当我选择某些选项时，某些选项会触发新的模态，这是预期的行为，但是在用户完成模态（通常是表单）后，下拉选项重置为它以前的状态，除非我刷新页面，否则不会显示触发模式的状态。有没有办法解决这个问题？也许某种重新渲染？因为触发模式的选项应该在表单模式完成后显示，而不仅仅是在重新加载后显示。其他不会触发某些事情的选项通常只是停留在那里。想法？

标签： javascriptvue.js