相关疑难解决方法(0)

我有一个应用程序，我正在为其创建一个自定义组件，该组件将输出表格的单行。它包含一个用户可调整的数字字段，因此在该自定义组件中，我使用了 quasar 框架中的另一个自定义组件 ( q-numeric)。我正在努力了解如何通过 2 个组件在顶层绑定变量 - 也许它不能直接完成，但我希望避免在中间组件中添加大量额外代码。到目前为止，从上到下看起来是这样的：

在 App.vue 模板中，我有这样的行：

<config-item v-model="numParticipants">Number of Participants</config-item>

ConfigItem.vue，看起来像这样：

<template>
  <tr>
    <td class="text-right"><slot></slot></td>
    <td class="text-right">
      <q-numeric
        v-model="value"
        :min="min"
        :max="max"
        :step="step"
        @input="$emit('input', value)"
      ></q-numeric>
    </td>
  </tr>
</template>

<script>
  export default {
    props: {
      label: String,
      value: Number,
      min: {
        type: Number,
        default: 1
      },
      max: {
        type: Number,
        default: 1000
      },
      step: {
        type: Number,
        default: 1
      }
    }
  }
</script>

但这当然行不通，因为我现在将属性 绑定value到q-numeric，这会改变它。真的，我不想将顶级变量绑定numParticipants到 …