Property 'diasbled' does not exist on type 'HTMLElement'.

在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;

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: "property"在Vue实例上不存在的错误通常是因为使用了未定义的属性或方法。在Uniapp中,Uniapp框架封装了Vue,并提供了一些自定义的组件和函数。当我们在Vue实例中使用未定义的Uniapp属性时,会出现"property does not exist on the vueinstance"的错误。 要解决这个错误,我们需要确认以下几点: 1. 确保使用了正确的Uniapp属性:首先,我们需要检查自己是否正确地使用了Uniapp的内置属性或组件。我们可以查阅Uniapp的官方文档或API文档,确认我们所使用的属性或组件的正确写法和用法。 2. 检查组件是否正确引入:如果错误出现在我们导入的组件上,我们需要检查组件是否正确地引入了,并确认组件的路径和名称是否正确。在Uniapp中,我们需要使用组件的相对路径或者别名来引入组件。 3. 检查组件之间的通信方式:如果错误出现在组件之间的通信上,我们需要确认父子组件之间的通信方式是否正确。在Uniapp中,父组件和子组件之间的数据通信可以使用props和$emit来实现。我们需要检查是否正确地定义了props和$emit,并确保它们的使用方式符合Uniapp的规范。 总之,"property does not exist on the vueinstance"的错误通常是因为使用了未定义的Uniapp属性或组件,或者在组件之间的通信方式上出现问题。通过仔细检查代码,查阅文档,我们可以找到并解决这个错误。 ### 回答2: Uniapp是一款基于Vue.js开发的跨平台应用框架,它能够同时构建iOS、Android和Web应用。在Uniapp中,通过Vue组件的方式来开发应用,但是有时候会遇到"property does not exist on the vue instance"的问题。 这个错误通常是因为在Vue组件中引用了一个不存在的属性造成的。当我们在Vue组件中使用某个属性时,Vue会在Vue实例中查找该属性,如果找不到,就会报出这个错误。解决这个问题的方法有以下几种: 1. 检查引用的属性是否存在:首先,确认要使用的属性确实存在于Vue实例或组件的data、props或computed属性中。如果属性名拼写错误或者没有定义该属性,就会出现这个错误。 2. 确保属性已经被初始化:如果在组件中使用某个属性时,该属性可能没有被初始化,就会导致这个错误。可以在组件的data或者created钩子中对属性进行初始化。 3. 通过v-if或v-show指令条件渲染组件:有时候,某个属性只有在特定条件下才会存在,如果直接在组件中引用这个属性,就会报错。可以使用v-if或v-show指令来条件渲染组件,在条件满足时才会真正渲染组件并引用属性。 4. 确保引用的组件已经正确注册:有时候,我们可能会忘记在Vue实例或父组件中注册子组件,导致子组件的属性无法被找到。可以在父组件中的components选项中注册子组件,或者在App.vue中注册全局组件。 总之,当出现"property does not exist on the vue instance"错误时,我们需要仔细检查引用的属性是否存在,并确保属性已经被正确初始化或者条件满足。另外,还需要确认组件是否已经被正确注册。通过以上方法,我们可以解决这个问题,使Uniapp应用正常运行。 ### 回答3: uniapp中的property在vue实例上不存在。这个错误通常是因为在组件中使用了未定义的属性或未注册的组件。要解决这个问题,我们可以按照以下步骤进行操作: 1. 检查组件中是否正确定义了属性,包括名称和类型。 2. 确保在使用属性时使用了正确的名称,大小写敏感。 3. 如果属性是从父组件传递给子组件的,确保父组件中正确传递了该属性。 4. 如果属性是动态绑定的,确保绑定的属性名不存在拼写错误或语法错误。 5. 如果属性是从vuex或其他状态管理库中获取的,确保正确导入了并在组件中正确访问了该属性。 6. 确保组件已经正确注册,可以通过在组件的父组件或全局注册来实现。 7. 如果使用了插件或第三方库,确保已经正确导入并按照文档使用。 如果以上步骤都已经检查并正确操作,但错误依然存在,那么可能是uniapp或vue版本不兼容导致的问题,可以尝试更新相关的库来解决该问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值