JS代码,监测输入框中的value值,如果为空,则按钮不可用,否则,可用
watch: {
value(content) {
if (content !== '') {
this.disabled = false;
} else {
this.disabled = true;
}
},
},
html的代码,输入框中绑定value值
<a-button
:style="{float:'right'}"
type="primary"
shape="circle"
icon="caret-right"
:disabled="disabled"
/>
<a-textarea
:style="{marginTop:'20px',height:'200px'}"
:bordered="false"
v-model="value"
auto-size
/>
效果
有内容时,按钮灰色
无内容时,按钮蓝色