elementui的input的disabled属性导致点击事件失效，可采用readonly属性替换，修改其样式如下
warning:
这篇文章距离上次修改已过426天，其中的内容可能已经有所变动。
在Element UI中，input组件的disabled属性确实会导致点击事件失效。这是因为disabled属性会禁用输入框，使其不可交互。为了解决这个问题，可以使用readonly属性替代disabled属性。readonly属性会使输入框不可编辑，但仍然可以触发点击事件。
以下是一个简单的例子，展示如何使用readonly属性来替换disabled属性，并保持输入框的只读状态：
<template>
<el-input
v-model="inputValue"
:readonly="true"
placeholder="请输入内容"
@click="handleClick"
></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: '只读内容'
};
},
methods: {
handleClick() {
alert('点击事件触发');
}
}
};
</script>在这个例子中，el-input组件的readonly属性被设置为true，使得输入框处于只读状态，用户不能编辑输入框中的内容。同时，点击事件@click仍然是有效的，因为点击事件不会被readonly属性阻止。
评论已关闭