Vue.js 基于其他输入选择显示输入不工作

targetTypeOptions是带有标签和值的对象数组

targetTypeOptions将始终具有选项数组：值仅用于设置下拉列表的初始值

你需要这样做

---

v-if=“targetType.value===”OFFER”“

让它起作用

您可以告诉我是否有任何错误，或者您可以添加vue devtools，并检查targetType的值。Devtools将帮助您调试类似的问题。我实际上没有为targetType定义。但是，当您说“targetTypeOptions是一个对象数组”时，我确实得到了自定义select的选项：value=“targetTypeOptions.value”。

：value

可能应该是某个选定的变量

：value=“someValue”

<custom-select label="Target Type" v-model="targetType"
                                            name="targetType" placeholder="Select Target Type"
                                            data-test="overall-type-input" :options="targetTypeOptions"
                                            :value="targetTypeOptions.value" v-validate="'required'" :searchable="false"
                                            :allowEmpty="false">
                                        </custom-select>
                                        <custom-select 
                                             v-if="targetTypeOptions==='OFFER'" v-model="platformValue" label="Offer" v-validate="'required'"
                                            placeholder="Select Offer" data-test="offer-input-options"
                                            name="offer" :options="platformOptions"
                                            :error-messages="errorMessages['offer']" required>
                                        </custom-select>