如何显示来自Vue js中选择框的输入

时间:2020-01-10 08:31:55

标签: javascript vue.js

 <template lang="pug">
   .deployment-hwow()
   deployment-hwow-selector.selector.mb-3(
     ref="selector"
     :status="'scheduled'"
     :env="selectedService"
     v-on:changeEnv="selectedService($event)"
     :showpostactions="true"  
   )
 <label>i am label {{selectedService}}</label>    
 </template>

这是指以下vue文件

  <template>
  v-layout(row align-center justify-center v-if="!readonly")
         // select env
         v-flex.max(shrink)
           v-select(
             label="Hwow Services"
             :items="hwowServiceOptions"
             v-model="selectedService"
  </template>
  <script>
   data: () => {
      return {
        selectedService: null,
      }
    }
  computed: {
    hwowServiceOptions: state => state.deployment.requesthwowServiceOptions,
  }
  watch: {
      selectedService: function() {
        const env = this.hwowServiceOptions.findIndex(e => e === 
        this.selectedService);
        const envs = env !== -1 ? [ env ] : null;
        const filters = {
          ...this.filters,
          selectedEnvironments: envs,
        };

        this.$store.commit('deployment/setFilters', filters);
        this.$emit('changeEnv', this.selectedService);
      },

  1. 我正在尝试显示带有标签标签的所选服务
  2. 所选服务未提供任何输出
  3. 第二个模板具有要执行的方法

0 个答案:

没有答案