小编MTT*_*MTT的帖子

placeholder我正在尝试为搜索栏上的属性设置动态文本。根据页面的不同，我希望搜索栏中的文本有所不同（我将在data()).

但是，由于搜索栏组件是全局组件，因此它似乎不可编辑。

（正如您在下面看到的，这是我的尝试，我是v-model根据Vue文档进行的，但是当我尝试使用占位符时，它不起作用......）

代码片段 1 - 搜索栏组件

<template>
    <!-- Search Componenet -->
    <div class="mx-5 mb-3 form-group">
        <br>
        <input class="mb-5 form-control" type="search" :placeholder="placeholderValue" :value="modelValue" @load="$emit('update:placeholderValue', $event.target.value)" @input="$emit('update:modelValue', $event.target.value)" />
    </div>
</template>

<script>
export default {
    props: ['modelValue', 'placeholderValue'],
    emits: ['update:modelValue', 'update:placeholderValue']
}
</script>

片段 2 - Album.vue

<template>
    <div class="AlbumView">
    
        <h1>{{header}}</h1>
        <h2>{{header2}}</h2>
        <br>
    
        <!-- Search Componenet -->
    
        <SearchComponent :placeholder="placeholderValue" v-model="searchQuery" />
    
        <!-- Dynamic Song Route Button -->
        <div class="button-container-all mx-5 pb-5">
    
            <div v-for="item in …