文章詳情頁(yè)
javascript - vue的router-link中使用es6字符串模板時(shí)為什么還要加雙引號(hào)？
瀏覽：113日期：2023-03-05 09:54:16
問(wèn)題描述
我把雙引號(hào)去掉就報(bào)錯(cuò)了。不太明白，求大佬指點(diǎn)一下。
問(wèn)題解答
回答1：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'>
回答2：<router-link :to='’/dispatch/internal/treenode/’+itemSmall.view'>{{ itemSmall.view }}</router-link>
你拼字符串試一下
標(biāo)簽：
JavaScript
上一條：javascript - vue-router中的鉤子 在刷新頁(yè)面的時(shí)候怎么能不執(zhí)行下一條：javascript - 關(guān)于原生js如何實(shí)現(xiàn)jquery的on()方法。
相關(guān)文章：
1. mysql時(shí)間格式問(wèn)題2. 數(shù)組排序，并把排序后的值存入到新數(shù)組中3. 默認(rèn)輸出類型為json，如何輸出html4. mysql - msyql 判斷字段不為空 簡(jiǎn)單方法5. mysql的主從復(fù)制、讀寫(xiě)分離，關(guān)于從的問(wèn)題6. mysql - sql 左連接結(jié)果union右連接結(jié)果，導(dǎo)致重復(fù)性計(jì)算怎么解決？7. MySQL的聯(lián)合查詢[union]有什么實(shí)際的用處8. php多任務(wù)倒計(jì)時(shí)求助9. mysql 遠(yuǎn)程連接出錯(cuò)10060，我已經(jīng)設(shè)置了任意主機(jī)了。。。10. PHP訂單派單系統(tǒng)
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備