ZBLOG

根据你提供的代码片段,可以尝试如下修改来实现与 v-model 类似的功能:

<a-col :span="8">
  <a-form-item label="商户名称">
    <a-select
      :allowClear="true"
      v-decorator="['merchantName', { rules: [{ required: true, message: '请选择商户名称' }] }]"
      placeholder="请选择商户名称"
      @change="getServiceName"
    >
      <a-select-option v-for="item in assetlist" :key="item.merchantName" :value="item.merchantName">
        {{ item.merchantName }}
      </a-select-option>
    </a-select>
  </a-form-item>
</a-col>

<a-col :span="8">
  <a-form-item label="门店名称" ref="shopName">
    <a-select
      :allowClear="true"
      v-decorator="['shopName', { rules: [{ required: true, message: '请选择门店名称' }] }]"
      @change="(value) => shopChange(value, formState.shopName)"
      placeholder="请选择门店名称"
    >
      <a-select-option v-for="item in shoplist" :key="item.shopName" :value="item.shopName">
        {{ item.shopName }}
      </a-select-option>
    </a-select>
  </a-form-item>
</a-col>

<script>
export default {
  // ...
  methods: {
    shopChange(value, formShop) {
      this.formState.shopName = value;
  
      if (formShop !== value) {
        this.$refs.shopName.validateField();
      }
  
      console.log(value);
    },
    // ...
  },
};
</script>

上述代码将 v-decorator 添加到 <a-select> 中,并在 shopChange() 方法中更新表单的 formState.shopName 属性。同时,在切换商户时,通过调用 $refs.shopName.validateField() 来触发门店名称字段的校验,以确保选择门店后能够显示相应的错误信息。

希望这可以帮助你解决问题!


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=12227

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?