admin管理员组

文章数量:1640948

form表单设置disable属性后，还想要点击，比如下面的代码，设置了disable，但是还想响应点击事件

<el-input :title="form.businessLicenseFileId ? $t('spList.showJs') : ''"
    v-model="form.businessLicenseFileName"
	:placeholder="$t('spList.businessLicenseFilePlace')" size="mini"
    @click="imagePreview('businessLicense')" 
    disabled>
</el-input>

那么需要在el-input元素外面包一层，可以是div，可以是label等其他元素，并把disable元素设置style="pointer-events:none"，这个样式是为了让元素忽略鼠标事件，让点击穿透到下一层元素，即为外层的label上的点击事件。

<label @click="imagePreview('businessLicense')">
    <el-input :title="form.businessLicenseFileId ? $t('spList.showJs') : ''"
        v-model="form.businessLicenseFileName"
        :placeholder="$t('spList.businessLicenseFilePlace')" 
        size="mini"
        disabled
        style="pointer-events:none">
    </el-input>
</label>

本文标签： 表单属性元素事件Form

版权声明：本文标题：form表单元素设置disabled属性后支持点击click事件 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1729316747a1195381.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。