我需要将变量传递给组件。我的设置是这样的：主：Meet.vue<html> <div class="carousel-cell"> <Category :searchTerm="woman"></Category> </div> <div class="carousel-cell"> <Category :searchTerm="men"></Category> </div>[..]<script>import Category from './Category'export default { components: { Category },子类别：Category.vue：export default { data () { return { search: [how to access the **searchTerm** here?]如何访问SEARCHTERM <Category :searchTerm="woman"></Category>从Meet.vue在Category.vue？
3 回答
宝慕林4294392
TA贡献2021条经验 获得超8个赞
调用Category组件时，请执行以下操作。
<Category :search="woman"></Category>
此处:search:"woman"表示将woman值作为值传递给Category组件的属性。
然后在Category组件中：
export default {
props: {
search: {type: string, required: true}
//Here it will give error if the search is passed anything but string
//And if search is not passed it will give error.
}
//Everything else
或者
export default {
props: [search], //No checking of data type and it's not requried
//Everything else
添加回答
举报
0/150
提交
取消