选择列表的显示问题-flask和vue.js

Question

我正在连接烧瓶和 vue.js，但我的选择有问题。 我的 html 代码中有以下行：

<div class="col-sm-10">
    <select class="form-select" v-model="reftools">
<option value="" selected="true" disabled="disabled"></option>
  <option v-for="opt in status_reftools" v-bind:value="opt">{{ opt }}</option>
</select>

此行允许我显示我选择的不同选项，还要感谢以下行：

<script>
const Form = {
   data() {
     return {
      "comments": null,
      "status_reftools": [
      "Yes",
      "No",
      "Unknown"
      ],
      }
   },
   methods : {
    submit() {
       axios.post('formulaire', {
       "comments" : this.comments,
       "reftools" : this.reftools,     
       });
    }
   }
  };
  Vue.createApp(Form).mount('#section_formulaire');
</script>

感谢我与 Flask 结合使用的这些行，我可以从列表中获取数据。问题是列表中没有显示不同的选项（查看图片）。我的印象是，当我运行我的烧瓶脚本时，{{opt}} 被删除了。怎么会这样？

Answer 1

解决方案是使用 {{'{{opt}}'}} 代替 {{opt}}