无效表达式：Vue.js for 循环中的无效或意外标记

Question

我有一个像下面这样的 v-for div：

<div
              v-for="(item_disk, index_disk) in $store.state.buy_physicalserver_disk_list"
            >

            <Button

              :type="get_choose_disk_type(item_disk)"
              :key="index_disk"
              @click="select_disk(item_disk)"
            
    >
              {{ item_disk.content }}  // if I comment this line it will works fine.
            
    </Button>
          </div>

在这种情况下我会出错。

invalid expression: Invalid or unexpected token in "\n     "+_s(item_disk.content)+"\n        " Raw expression: {{ item_disk.content }}

看我的代码，如果我评论{{ item_disk.content }}，就不会有这个问题了。

Answer 1

我知道这个问题，使用

<Button>{{item.content}}</Button>

得到错误，但如果我使用

<Button v-text="item.content"></Button>

不会有这个问题。