禁用layui动态创建的弹窗表单input输入框

禁用layui动态创建的弹窗表单input输入框

window.layui.layer.open({
          type: 1,
          title: 'Edit users',
          maxmin: true, //开启最大化最小化按钮
          area: ['600px', '400px'],
          content: `<form class="layui-form" lay-filter="formEdit" action="" style="padding: 1rem;">
                  <div class="layui-form-item">
                      <label class="layui-form-label" style="width: auto;">Username: </label>                      
                      <div class="layui-input-block">
                        <input type="text" name="UserName" ${UserName == 'root' ? 'disabled' : ''} required  lay-verify="required" placeholder="Please enter the username" autocomplete="off" class="layui-input">
                      </div>
                   </div>`

 });
// UserName 是我的变量  

为什么记录下来，大概是因为我作死vue和layui一起用了，以为 :disabled="变量" 也是适用 的，但是后来我发现我错了。。。