在ts中使用elementui通过 disabled 属性指定是否禁用 button按钮:
<el-form-item>
<el-button type="primary" @click="onSubmit" disabled class="btn-sumbit">立即创建</el-button>
<el-button>取消</el-button>
</el-form-item>
需要使用js开控制按钮是否禁用:
let dom =document.querySelectorAll(".btn-sumbit") as NodeListof<HTMLElement>;
dom.item(0).className= 'el-button btn-sumbit el-button-primary';
dom.item(0).disabled = true;
当使用 dom.item(0).disabled = true ;时会出现Property 'diasbled' does not exist on type 'HTMLElement'.
解决办法如下:
let dom =document.querySelectorAll(".btn-sumbit") as NodeListof<HTMLSelectElement>;
dom.item(0).className= 'el-button btn-sumbit el-button-primary';
dom.item(0).disabled = true;