問題描述

我把雙引號去掉就報錯了。不太明白，求大佬指點(diǎn)一下。

問題解答

Vue 中，模板內(nèi) HTML 標(biāo)簽 :xxx='' 時，雙引號中的內(nèi)容是一個 JS 表達(dá)式，而不是一般的 HTML 屬性。

舉例：

<p @click='count++'>{{count}}</p>

這時候 count++ 是一段模板編譯后由 Vue 執(zhí)行的 JS 代碼，而不是簡單的屬性字符串。同理，router-link 中書寫的也是 JS 代碼，而不是鏈接字符串。這樣一來，需要直接返回字符串路徑時，就必須采用單引號把字符串內(nèi)容括起來，例如 :to='’/index’' 這樣。如果寫 :to='/index'，那么 Vue 會求值一個名為 /index 的變量，而這顯然是非法的。

如果不想嵌套單雙引號，可以去掉冒號，寫 <router-link to='/index'>

<router-link :to='’/dispatch/internal/treenode/’+itemSmall.view'>{{ itemSmall.view }}</router-link>

你拼字符串試一下