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}}？还有我的第二个问题，由于某些原因，当我选择某些选项时，某些选项会触发新的模态，这是预期的行为，但是当用户完成模态（通常是表单）后，下拉选项重置为之前的状态，除非刷新页面，否则不会显示触发模式的状态。有可能解决此问题的方法吗？也许某种重新渲染？因为触发模式的选项应该在表单模式完成后才显示，而不仅是在重新加载之后。其他不会触发事件的选项通常只会停留在该位置。有什么想法吗？

如何在Vue中动态更改选项

0 个答案: