vue根据ref设置disabled
时间: 2023-07-11 17:40:09 浏览: 255
Vue中的ref作用详解(实现DOM的联动操作)
5星 · 资源好评率100%
可以通过 `$refs` 来获取到组件或者元素的引用,然后设置 `disabled` 属性就可以实现禁用。具体可以如下操作:
1. 在模板中给元素设置 `ref` 属性,比如:
```html
<template>
<button ref="myButton">点击我</button>
</template>
```
2. 在代码中获取到该元素的引用,并设置 `disabled` 属性:
```javascript
export default {
mounted() {
const myButton = this.$refs.myButton;
myButton.disabled = true;
}
}
```
这样就可以实现禁用该按钮了。
阅读全文