node.js - 获取 q-item-label 文本

Question

我有使用 Quasar/VueJS 的代码。我想要做的是keyDropDownLabel根据选择更新下拉文本标签 () <q-item-label>。

所以在下面的这个例子中，我希望newLabelGoesHere部分是Key 1/2/3，这取决于点击了哪个。

<q-btn-dropdown stretch flat :label="keyDropDownLabel">
  <q-list>
    <q-item v-for="n in 3" :key="`x.${n}`" clickable v-close-popup tabindex="0">
      <q-item-section @click="keyDropDownLabel = 'newLabelGoesHere'">
        <q-item-label>Key {{ n }}</q-item-label>
        <q-item-label caption>1234567890</q-item-label>
      </q-item-section>
    </q-item>
  </q-list>
</q-btn-dropdown>

请问有人帮忙吗？？

标签： node.jsvue.jsquasar-framework

Answer 1

只需修改q-item-section 点击​​方法，如下所示：

<q-item-section @click="keyDropDownLabel('Key'+n)">