我有问题,我的组件无法更新第二个组件的属性 - Vuejs

时间:2018-02-19 06:29:11

标签: javascript vuejs2 vue-component

My example

组件的所有权未更新

<draggable v-model="questions" :move="moveQuestion">
    <question-create v-for="preg, index in questions" :data-question="preg" :key="index">
    </question-create>
</draggable>

<question-create>组件具有以下内容

道具[&#39; dataQuestion&#39;]

<dropdown-select :options="listDropdown" :selectedId="dataQuestion.input_id" @returnSelected="selectedDropdown($event)">
</dropdown-select>

不使用

更新属性:selectedId
dataQuestion.input_id

1 个答案:

答案 0 :(得分:1)

道具区分大小写,需要kebab-case, not camelCase。这是因为Vue模板语法要尽可能地遵循标准HTML的语法。

<dropdown-select
  :options="listDropdown"
  :selected-id="dataQuestion.input_id"
  @returnSelected="selectedDropdown($event)" />