j-dict-select-tag 下拉框 change事件无效

在使用自定义组件j-dict-select-tag时遇到问题,发现@change事件无法正常触发。为了解决这个问题,开发者改用了@input事件来捕获和处理数据变化,实现了相同的功能。这种方法提供了一个替代的解决方案,确保了组件交互的正确性。

在自定义标签j-dict-select-tag @change 不生效

改用 @input 事件

<template> <a-spin :spinning="confirmLoading"> <j-form-container :disabled="formDisabled"> <a-form-model :validateOnRuleChange="validateOnRuleChange" ref="form" :model="formList" :rules="validatorRules" slot="detail"> <a-row type="flex" align="middle" class="item_box"> <a-col v-for="(item, i) in selectData" :key="i" :span="12" class="border border-left"> <a-form-model-item :label="item.label" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fwgsmc"> <j-dict-select-tag @change="selectChange($event, i)" :value="item.value" type="list" v-model="item.value" dictCode="sfsjcxht" style="width: 100%" :placeholder="`请选择${item.label}`" /> </a-form-model-item> </a-col> </a-row> <div v-for="(item, i) in formList" :key="i"> <a-row type="flex" align="middle" class="item_box" v-if="formList[i].isShow"> <a-col :span="24" style="text-align: center; margin: 18px 0"> <h3> {{ formList[i].type > 7 ? "其他专项服务事项委托合同" : formList[i].label1 }} </h3> </a-col> <a-col :span="12" class="border border-left xing-fa"> <span class="manager-valid-xing">*</span> <a-form-model-item :label="formList[i].label1" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfqdfwht"> <a-input v-model="formList[i].htmc" :placeholder="formList[i].placeholder1"> </a-input> </a-form-model-item> </a-col> <a-col :span="12" class="border xing-fa"> <span class="manager-valid-xing">*</span> <a-form-model-item :label="formList[i].label2" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fwgsmc"> <a-input v-model="formList[i].fwgsmc" :placeholder="item.placeholder2"></a-input> </a-form-model-item> </a-col> <a-col :span="12" class="border border-left xing-fa"> <span class="manager-valid-xing">*</span> <a-form-model-item :label="formList[i].label3" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xmfwlx"> <a-input v-model="formList[i].xmfwlx" :placeholder="formList[i].placeholder3"></a-input> </a-form-model-item> </a-col> <a-col :span="12" class="border border-left xing-fa"> <span class="manager-valid-xing">*</span> <a-form-model-item :label="formList[i].label5" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xmfwqx"> <j-date placeholder="请选择合同起止时间-起" @change="startDateChange($event, i)" v-model="formList[i].fwhtkssj" style="width: 100%" :disabledDate="() => false" /> <j-date @change="endDateChange($event, i)" placeholder="请选择合同起止时间-止" v-model="formList[i].fwhtjssj" style="width: 100%" :disabledDate="() => false" /> </a-form-model-item> </a-col> <a-col :span="12" class="border xing-fa"> <span class="manager-valid-xing">*</span> <a-form-model-item :label="formList[i].label4" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xmfwhtsmjtp"> <j-upload fileType="imageAndPdf" :isWbht="true" :disabled="formDisabled" :isMultiple="true" :isPreview="true" v-model="formList[i].xmfwhtsmjtp"></j-upload> </a-form-model-item> </a-col> <a-col v-if="formList[i].type == '999'" :span="3" :offset="9"> <a-button @click="delContract(i)" type="dashed" style="width: 100%; border: 1px solid #666"> <a-icon type="minus" style="color: #0c8fcf" /> <span style="color: #0c8fcf">删除事项</span> </a-button> </a-col> </a-row> </div> <a-row type="flex" justify="space-around" style="margin: 18px 0"> <a-col :span="22"> <a-button @click="addContract" type="dashed" style="width: 100%; border: 1px solid #0c8fcf"> <a-icon type="plus" style="color: #0c8fcf" /> <span style="color: #0c8fcf">添加合同</span> </a-button> </a-col> </a-row> </a-form-model> </j-form-container> </a-spin> </template> 这个是现在的模版,因该写在哪里
07-22
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天天

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值