vue js与flask jinja2冲突数据呈现

Question

我有代码和跟进下面的参考，但不影响工作时与重复-

<p v-for="item in questionDataSet.options">
  <label>
  <input name="question-data-row" type="radio" 
    v-model="requestData.surveyDetails.answerSelection" value="{{item.key}}">
  <span>{{item.value}}</span>

在 在

这里{{项.键}}在更新jinja2模板绑定的同时未在radio value中工作，但是{{项目价值}}仍然表现良好。在

我的JSON数据集供参考-

^{pr2}$

我已经遵循了这个link的解决方案，但没有完全发挥作用。在

Answer 1

在属性中，使用v-bind（或其速记:），而不是插值。所以，不是：

value="{{item.key}}"

执行：

^{pr2}$

示例：

<input name="question-data-row" type="radio" 
                    v-model="requestData.surveyDetails.answerSelection" :value="item.key">