-Go服务器开发

如果商户下拉框切换数据后需要将门店下拉框置为空，可以在 getServiceName 方法中添加逻辑来清空门店下拉框的选项。以下是修改后的代码示例：

<a-col :span="8">
  <a-form-item label="商户名称" ref="merchantCode">
    <a-select
      :allowClear="true"
      v-model="formState.merchantCode"
      placeholder="请选择商户名称"
      @change="getServiceName"
    >
      <a-select-option
        v-for="item in assetlist"
        :key="item.merchantName"
        :value="item.merchantCode"
      >
        {{ item.merchantName }}
      </a-select-option>
    </a-select>
  </a-form-item>
</a-col>

<a-col :span="8">
  <a-form-item label="门店名称" ref="storeCode">
    <a-select
      :allowClear="true"
      v-model="formState.storeCode"
      placeholder="请选择门店名称"
    >
      <a-select-option
        v-for="item in shoplist"
        :key="item.shopName"
        :value="item.shopCode"
      >
        {{ item.shopName }}
      </a-select-option>
    </a-select>
  </a-form-item>
</a-col>

<script>
export default {
  data() {
    return {
      formState: {
        merchantCode: '', // 商户码值
        storeCode: '', // 门店码值
      },
      assetlist: [], // 商户列表
      shoplist: [], // 门店列表
    };
  },
  methods: {
    getServiceName(value) {
     this.formState.storeCode = ''; // 清空门店码值
     this.shoplist = []; // 清空门店列表

     let data = {
       body: {
         merchantCode: value, // 商户名称
         // 其他参数
       },
       header: {
         callbackUrl: '',
         channelCode: '',
         datetime: '',
         spanId: '',
         sysCode: '',
         TtraceId: '',
         tradeCode: ''
       }
     };

     console.log(value);
     this.$httpgw.post('/gw/api/org-service/org/shop/list', data).then(res => {
       this.shoplist = res.data.body;
       console.log(this.formState.storeCode, 'storeCode');
     }).catch(err => {
       console.error(err);
     });
   },
   // 其他方法和逻辑
  },
};
</script>

在修改后的代码中，当商户下拉框切换数据时，会将门店下拉框的选项清空，并且将 formState.storeCode 设置为空字符串以清除选中的门店码值。同时，也将 shoplist 数组置为空数组以清空门店列表。

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

golang云原生

diff --git a/mtk/package/kernel/wlan_driver/gen4m/mt6639_driver/os/linux/gl_kal.c b/mtk/package/kernel/wlan_driver/gen4m/mt6639_driver/os/linux/gl_kal.c 解释此命令

git 如何把更改提交到本地

执行什么命令可以输出 git diff 命令的输出片段，显示两个文件之间的差异

raco@ubuntu_2204:~/data/mtk_code/T830/T830/openwrt/build_dir/target-aarch64-openwrt-linux-musl_musl/linux-gem6xxx_evb6990_cpe_mt7992_emmc/hw_nat$ git diff hwnat_ioctl.c > temp_patch.patch raco@ubuntu_2204:~/data/mtk_code/T830/T830/openwrt/build_di...

PG主节点挂了，为什么备节点不会自动升主

git 拉取指定commit id的代码

WordPress自定义分享插件可以分享到微信朋友圈的那种我要自己写插件

如何在一个docker中运行多个程序

golang ipv6 地址转整数

Vue.prototype.zipMedia = async function(media) { const zip = new JSZip(); console.log("media.length: ", media.length); console.log("zipMedia_media: ", media); if (!media || media.length === 0) { return null; // 返回 null 表示没...

golang 布隆过滤器

golang + rdp 协议+tls，实现远程桌面服务端和客户端

git 拉取指定commit id的代码

golang为什么将method写在类外?

git切换分支

eslintingnore文件里面这样写 /.git /.vscode /build O:\profile\guest-room-qrcode\customized-service\src\pages node_modules 有问题吗

wj@ubuntu:/usr/bin$ sudo mysql -u root -p Enter password: ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO) wj@ubuntu:/usr/bin$ 按Enter键绕过密码验证，不起作用，应该怎么改

nginx配置文件的变量支持哪些类型？

diff --git a/mtk/package/kernel/wlan_driver/gen4m/mt6639_driver/os/linux/gl_kal.c b/mtk/package/kernel/wlan_driver/gen4m/mt6639_driver/os/linux/gl_kal.c 解释此命令

ps -eo start,cmd|grep nginx查询结果是什么

ctx.reset(); ctx.lineCap='round'; ctx.lineWidth=myroot.linewidth; ctx.beginPath(); ctx.arc(x,y,radius,startangle,fullAngle); ctx.strokeStyle=myroot.secondarycolor; ctx.stroke...

std::list m_lstData; HANDLE m_hCompeletionPort; HANDLE m_hThread; std::atomic m_lock;//队列正在析构

git 合并分支时，对于某些不可编辑的资源文件，能否决定完全选择 LOCAL 版本或 REMOTE 版本？

#include #include int main() { intarr=(int)malloc(3*sizeof(int));//先分配3个整数 if(arr==NULL)return1; arr[0]=1;arr[1]=2;arr[2]=3; printf("Original array:"); for(int i=0;i

联系我们

相关推荐

git 拉取指定commit id的代码

WordPress自定义分享插件 可以分享到微信朋友圈的那种 我要自己写插件

如何在一个docker中运行多个程序

golang ipv6 地址转整数

Vue.prototype.zipMedia = async function(media) { const zip = new JSZip(); console.log("media.length: ", media.length); console.log("zipMedia_media: ", media); if (!media || media.length === 0) { return null; // 返回 null 表示没...

golang 布隆过滤器

golang + rdp 协议+tls，实现远程桌面服务端和客户端

git 拉取指定commit id的代码

golang为什么将method写在类外?

联系我们

登录

注册

WordPress自定义分享插件可以分享到微信朋友圈的那种我要自己写插件