vue.js - 单选列表项目的vuejs模型

如何为framework7-vue单选列表项元素设置v模型？

Checkboxes & Radios Vue Component

  <f7-list-item
    radio
    name="my-radio"
    v-model="method.val"
    value="ISNA"
    title="Islamic Society of North America"
    subtitle="ISNA"
    text="North America (US and Canada)">
  </f7-list-item>

上面的代码不起作用。

最佳答案

根据this github exchange，问题是未记录的功能问题

您可以通过将input-value属性添加到f7-list-item来对其进行修复，如下所示:

<f7-list-item
  radio
  name="my-radio"
  v-model="method.val"
  value="ISNA"
  input-value="ISNA"
  title="Islamic Society of North America"
  subtitle="ISNA"
  text="North America (US and Canada)">
</f7-list-item>

但是，请记住以下警告:



但是，这种回退似乎无法正常工作，因为就像您说的(我也曾经体验过)那样，如果没有添加输入值，它不会更新v-model。因此，TLDR；确保输入值不是一个空字符串，否则事情将会中断。

关于vue.js - 单选列表项目的vuejs模型，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44943865/