Vuejs2 如何使用VueJS和Vuetify有条件地显示文本字段的提示？

我正在尝试使用Vuetify.js向文本字段添加提示、错误消息或某种验证（任何内容都可以接受）。只有当用户单击“搜索”按钮而旁边的搜索字段为空时，提示才会出现。我一直在想办法做这件事。我目前的代码如下：

newvue({
el:“#应用程序”，
数据：（）=>({
customSearchText:“”，
验证：null
}),
计算：{
表格（{
返回{
验证：这个。验证
}
}
},
观察：{
},
方法：{
searchCustomText（）{
}
}
})

.v-input.v-text-field.theme--light{
宽度：50%；
左边距：120像素；
}

---

提示仅在文本字段聚焦时显示。因此，您的思路是正确的，只需在方法

searchCustomText

中聚焦文本字段，单击搜索图标时会调用该方法。您需要向v-text-field添加一个ref，以便在方法中引用它

我还假设您不希望在文本字段中出现提示，所以我添加了一个else来将isFull设置为true

---

以下是仅在文本字段聚焦时显示的代码笔提示。因此，您的思路是正确的，只需在方法

searchCustomText

中聚焦文本字段，单击搜索图标时会调用该方法。您需要向v-text-field添加一个ref，以便在方法中引用它

我还假设您不希望在文本字段中出现提示，所以我添加了一个else来将isFull设置为true

---

这是代码笔

我修正了你的拼写和语法，修改了你的问题标题，使之更清晰，并将你的示例代码内联。这个问题可能有点过于宽泛，但至少现在有可能由熟悉Vue的人以某种方式回答。非常感谢。非常感谢。我对web开发的世界仍然很陌生，因此请原谅任何小错误。还修复了代码，使其可以在StackOverflow中本地运行。我修复了您的拼写和语法，修改了您的问题标题，使其更清晰，并将示例代码内联移动。这个问题可能有点过于宽泛，但至少现在有可能由熟悉Vue的人以某种方式回答。非常感谢。非常感谢。我对web开发的世界仍然很陌生，所以请原谅任何小错误。同时修复了代码，使其可以在StackOverflow中本地运行。这非常完美。我希望我能多次投票支持你。非常感谢。这太完美了。我希望我能多次投票支持你。非常感谢。