Vue.js 尝试在组件v-for迭代中呈现文本值时,VueJs下拉选项值未定义

Vue.js 尝试在组件v-for迭代中呈现文本值时,VueJs下拉选项值未定义,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,以下面的代码为例,它本质上是要呈现一个表单步进器,为了简化我的示例,我只包含了一个步骤: <form-wizard :formdata="this.form_data"> <form-tab stepindex="1" title="Title of Tab" :selected="true"> <div class="col-md-11 col-lg-10"> <div class="form-group

以下面的代码为例,它本质上是要呈现一个表单步进器,为了简化我的示例,我只包含了一个步骤:

<form-wizard :formdata="this.form_data">
    <form-tab stepindex="1" title="Title of Tab" :selected="true">
        <div class="col-md-11 col-lg-10">
            <div class="form-group">
                <label for="OptionType" class="sr-only">Option Type</label>
                <select v-model="form_data.optionType" @change="onChangeOptionType" id="OptionType">
                    <option value=""/>
                    <option v-for="option in form_data.fees" v-bind:value="option.cost">
                        {{ option.text }}
                    </option>
                </select>
            </div>
        </div>
    </form-tab>
</form-wizard>

选项类型
{{option.text}
由于某些原因,我无法理解这些值是按预期绑定到选择选项的,并且没有错误,但是选项文本在浏览器控制台中抛出了一个我似乎无法克服的错误

属性或方法“option”未在实例上定义,但在渲染期间被引用。通过初始化属性,确保此属性在数据选项中或对于基于类的组件是被动的

这就像出于某种原因,它期待着更大范围的选项,而不是v-for循环中的选项

我非常感谢您对如何纠正这一问题的任何建议,同时也希望您能帮助我理解为什么会出现这种情况


如果需要任何其他信息来帮助回答,请让我知道。

问题可能是v-bind:key on v-for


{{option.text}

问题可能是v-bind:在v-for上键入


{{option.text}

我也不明白为什么会发生这种情况。你能为我提供
表格数据
,以便我复制吗?我还想知道select元素的
v-select
属性是什么。@jkl这里是forrm_数据(简化)表单_数据:{optionType:'',费用:0,费用:[{text:'Flat',cost:50},{text:'House',cost:110},{text:'Commercial',cost:980}]您可以忽略v-select,因为我认为这是我的复制粘贴错误。您是否得到数据迭代需要键绑定的错误?没有v-bind:您的v-for键loop@kengres不,只是我的OP中的错误,在错误的时刻,选项文本是否正确显示每个选项。是什么让你认为这是
选项。text
的错?当您将该行更改为硬编码文本时,错误是否消失?您能否确认您的原始代码在开头的
选项
标记末尾没有
/
?我也不明白为什么会发生这种情况。你能为我提供
表格数据
,以便我复制吗?我还想知道select元素的
v-select
属性是什么。@jkl这里是forrm_数据(简化)表单_数据:{optionType:'',费用:0,费用:[{text:'Flat',cost:50},{text:'House',cost:110},{text:'Commercial',cost:980}]您可以忽略v-select,因为我认为这是我的复制粘贴错误。您是否得到数据迭代需要键绑定的错误?没有v-bind:您的v-for键loop@kengres不,只是我的OP中的错误,在错误的时刻,选项文本是否正确显示每个选项。是什么让你认为这是
选项。text
的错?当您将该行更改为硬编码文本时,错误是否消失?你能确认你的原始代码在开头的
选项的末尾没有
/
标记吗?恐怕这没有什么区别,同样的错误仍然存在。我在我的一端运行代码,它工作得很好,你能提供整个模板代码吗?谢谢,但我不确定这对我有什么帮助。如果您单独查看您发布的代码,我相信它确实可以正常工作,但我怀疑问题出在通过组件传递的数据范围内。恐怕这没有什么区别,相同的错误仍然存在,因为我在运行代码时,它工作得很好,你能提供完整的模板代码吗?谢谢,但我不知道这对我有什么帮助。如果您单独查看发布的代码,我相信它确实工作得很好,但我怀疑问题存在于通过组件传递的数据范围内。