问答

动态添加数据,新增一项之后下拉功能就不管使了。

作者:admin 2021-05-08 我要评论

新增时第一条数据的下拉菜单是管用的,再次新增之后全部的下拉菜单就变成了点击没有任何效果,也不报错,这部分的新增和删除都可以用,但是下拉菜单就成了没有用...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

新增时第一条数据的下拉菜单是管用的,再次新增之后全部的下拉菜单就变成了点击没有任何效果,也不报错,这部分的新增和删除都可以用,但是下拉菜单就成了没有用的功能了。
ded3902f328e512ae5721dd1ea269d6.png

只有一条数据时是可以出现下拉菜单的
image.png

<a-form-model-item label="联络线" prop="rowList">
        <a-row class="row-list" v-for="(item,i) in form.rowList" :key="i">
          <a-col :span='10'>
            <a-select v-model="item.exRegion" placeholder="please select your zone">
              <a-select-option v-for="(value, key) in tie_line_dev" :key="key" :value="key">
                {{value}}
              </a-select-option>
            </a-select>
          </a-col>
          <a-col :span='1'></a-col>
          <a-col :span='10'>
            <a-select v-model="item.mainRegion" placeholder="please select your zone">
              <a-select-option v-for="(value, key) in pwrgrid_dict" :key="key" :value="key">
                {{value}}
              </a-select-option>
            </a-select>
          </a-col>
          <a-col>
            <!-- <a-icon type="plus" /> -->
            <a-icon v-if="form.rowList.length > 1" @click="removeDomain(i)" style="margin-left: 12px;" type="minus-circle-o" />
          </a-col>
        </a-row>
      </a-form-model-item>
      <a-form-model-item>
        <a-button type="dashed" style="width: 100%; margin-left:18%;" @click="addDomain">
          <a-icon type="plus" /> 增加联络线
        </a-button>
      </a-form-model-item>
// data
form: {
    resource: "",
    rowList: [
      {
        exRegion: '',
        mainRegion: '',
      },
    ],
},

// 添加
addDomain() {
  this.form.rowList.push({
    exRegion: '',
    mainRegion: '',
  })
}      
      

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 动态添加数据,新增一项之后下拉功能就

    动态添加数据,新增一项之后下拉功能就

  • vue.config.js 配置多个跨域请求 默认

    vue.config.js 配置多个跨域请求 默认

  • golang gin卡死

    golang gin卡死

  • js怎样读取选中的文件夹的路径呢?本地

    js怎样读取选中的文件夹的路径呢?本地

腾讯云代理商
海外云服务器