javascript - vue的router-link中使用es6字符串模板時(shí)為什么還要加雙引號(hào)?
問題描述
我把雙引號(hào)去掉就報(bào)錯(cuò)了。不太明白,求大佬指點(diǎ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 中書寫的也是 JS 代碼,而不是鏈接字符串。這樣一來,需要直接返回字符串路徑時(shí),就必須采用單引號(hào)把字符串內(nèi)容括起來,例如 :to='’/index’' 這樣。如果寫 :to='/index',那么 Vue 會(huì)求值一個(gè)名為 /index 的變量,而這顯然是非法的。
如果不想嵌套單雙引號(hào),可以去掉冒號(hào),寫 <router-link to='/index'>
回答2:<router-link :to='’/dispatch/internal/treenode/’+itemSmall.view'>{{ itemSmall.view }}</router-link>
你拼字符串試一下
相關(guān)文章:
1. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?2. showpassword里的this 是什么意思?代表哪個(gè)元素3. mysql scripts提示 /usr/bin/perl: bad interpreter4. css3 - css怎么實(shí)現(xiàn)圖片環(huán)繞的效果5. html - vue項(xiàng)目中用到了elementUI問題6. 對(duì)mysql某個(gè)字段監(jiān)控的功能7. java - spring boot @Autowired8. JavaScript事件9. css3 - border-bottom 的長度可否超過盒子的寬度呢?實(shí)現(xiàn)如下圖效果。(我的書下面的線)10. mysql優(yōu)化 - mysql EXPLAIN之后怎么看結(jié)果進(jìn)行優(yōu)化 ?
