文章詳情頁
javascript - vue的router-link中使用es6字符串模板時(shí)為什么還要加雙引號(hào)？
瀏覽：111日期：2023-03-05 09:54:16
問題描述
我把雙引號(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>
你拼字符串試一下
標(biāo)簽：
JavaScript
上一條：javascript - vue-router中的鉤子 在刷新頁面的時(shí)候怎么能不執(zhí)行下一條：javascript - 關(guān)于原生js如何實(shí)現(xiàn)jquery的on()方法。
相關(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)化 ？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備