elementui 的文本框如何用按钮点击切换只读和编辑
时间: 2023-02-14 10:29:24 浏览: 102
好看的文本框和按钮样式
可以在文本框组件上绑定一个 `v-model` 双向绑定的数据,然后在按钮的点击事件里控制这个数据的可读性。具体实现可以这样写:
```
<template>
<div>
<el-input v-model="inputValue" :readonly="isReadonly"></el-input>
<el-button @click="isReadonly = !isReadonly">切换可读性</el-button>
</div>
</template>
<script>
export default {
data() {
return {
isReadonly: true,
inputValue: ''
}
}
}
</script>
```
在这个示例里,点击按钮就会切换文本框的可读性。
阅读全文