标签:无法 lse 启用 led 应该 通过 原因 click 不能
问题描述:
Vue 项目中,表单的提交按钮默认为禁用状态,当所有字段都填写之后,启用提交按钮
部分表单可以允许某些字段为空
分析原因:
可以通过 for-in 语句校验 formdata,然后用 v-bind 给 disabled 属性绑定校验函数
但校验函数不能写在第三方 js 中,而应该绑定在 Vue 的原型链上,不然无法在 template 部分使用
解决方案:
/**
* 判断一个对象是否所有属性都有值
* @param {Object} form 目标对象
* @param {Array} except 排除该数组中的属性名
* @returns {Boolean}
*/
Vue.prototype.$isFormReady = function (form, except) {
for (let i in form) {
if (except && except.indexOf(i) !== -1) continue
if (!form[i]) return true
}
return false
}
<button @click="handleClick" :disabled="$isFormReady(formData, [‘remark‘])"> </button>
标签:无法 lse 启用 led 应该 通过 原因 click 不能
原文地址:https://www.cnblogs.com/wisewrong/p/9486256.html