文章詳情頁
javascript - vue的router-link中使用es6字符串模板時為什么還要加雙引號?
瀏覽:181日期:2023-03-05 09:54:16
問題描述
我把雙引號去掉就報錯了。不太明白,求大佬指點一下。
問題解答
回答1:Vue 中,模板內 HTML 標簽 :xxx='' 時,雙引號中的內容是一個 JS 表達式,而不是一般的 HTML 屬性。
舉例:
<p @click='count++'>{{count}}</p>
這時候 count++ 是一段模板編譯后由 Vue 執行的 JS 代碼,而不是簡單的屬性字符串。同理,router-link 中書寫的也是 JS 代碼,而不是鏈接字符串。這樣一來,需要直接返回字符串路徑時,就必須采用單引號把字符串內容括起來,例如 :to='’/index’' 這樣。如果寫 :to='/index',那么 Vue 會求值一個名為 /index 的變量,而這顯然是非法的。
如果不想嵌套單雙引號,可以去掉冒號,寫 <router-link to='/index'>
回答2:<router-link :to='’/dispatch/internal/treenode/’+itemSmall.view'>{{ itemSmall.view }}</router-link>
你拼字符串試一下
標簽:
JavaScript
相關文章:
1. phpstudy8.1沒集成mysql-front2. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題3. node.js - mongodb查找子對象的名稱為某個值的對象的方法4. docker鏡像push報錯5. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””6. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????7. 利用IPMI遠程安裝centos報錯!8. html5 - datatables 加載不出來數據。9. 前端 - @media query 使用出現的問題?10. html5和Flash對抗是什么情況?
排行榜

網公網安備