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

Question

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>组件具有以下内容

Prop ['dataQuestion']

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

不更新属性:selectedId与

dataQuestion.input_id

Answer 1

Prop 区分大小写，需要为 kebab-case, not camelCase 。这样做的原因是因为 Vue 模板语法希望尽可能遵循标准 HTML 的语法。

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