作者:乌龟考拉互受 | 来源:互联网 | 2022-12-10 12:48
我有一个带有附加图标的表单v文本字段,当单击该对象时会触发一种方法。是否仍然有条件隐藏/显示此附加图标?
即使我有条件地禁用了v-text-field,附加图标仍然可以点击...
我可以在editEmail方法中插入测试,但从视觉上看,我更喜欢在触发editMail方法时隐藏图标。
1> Traxo..:
只需有条件地使用道具,并将条件设置为false
想要隐藏它的时间即可:
data: () => ({
showIcon: true
}),
methods: {
editMail() {
// your code code
this.showIcon = false;
}
}
true
如果要使其再次可见,请将其还原为。
注意:如果您想使用此功能清除输入,则可以使用props(来自官方示例)通过以下特定方法来实现:
methods: {
clearMessage () {
this.message = ''
},
}