无效的表达式：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>

不会有这个问题。