Laravel 如何隐藏和显示包含输入的子组件

这是我想要切换以隐藏和显示的div

每次我点击下面的按钮

按名称显示搜索

我执行此操作以在顶部显示搜索框输入

showSearchByName（）{
这个。sortBy=“”；
this.country=null；
这个。studentsName=“”；
}

现在，我想隐藏搜索栏并在每次执行时重置其条目

---

子组件将接收该

学生名

道具，对吗？当输入是子组件时，如何重置输入？

我认为您需要从子组件更改父组件中的数据

更改子组件中的方法：

showSearchByName() {
    this.$emit('search')
}

然后在您的家长中执行以下操作：

<student-search :student_name.sync="studentsName" @search="setDataEmpty"></student-search>

---

您可以在中阅读更多关于此的信息。

@TheBAST是的，您需要将其设置为null/“”这样。如果您有一些错误，请提供它。等等，我在devtools中的问题与该特定错误无关！！好的，这应该行。如果你有一些错误，请提供它。兄弟，我的想法是在

数据中
对象
this.studentsName=true
；
methods: {
    setDataEmpty () {
        this.sortBy = "";
        this.country = null;
        this.studentsName = "";
    }
}