問(wèn)題描述

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

問(wèn)題解答

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

舉例：

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

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

如果不想嵌套單雙引號(hào)，可以去掉冒號(hào)，寫(xiě) <router-link to='/index'>

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

你拼字符串試一下