文章詳情頁
javascript - vue的router-link中使用es6字符串模板時為什么還要加雙引號?
瀏覽:90日期: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. javascript - 獲取標簽中的字符串2. javascript - 為什么我的vue里的router-link不起作用3. javascript - js 寫一個正則 提取文本中的數據4. javascript - vue子路由匹配渲染到頂級視圖層問題5. 算法 - python 給定一個正整數a和一個包含任意個正整數的 列表 b,求所有<=a 的加法組合6. javascript - 發現個奇怪的問題,寫的css動畫當我把標簽頁收起時動畫自動暫停了7. javascript - js一個小的算法問題,找個好一點的答案。8. javascript - 新組成的數組打印出來出現問題,里面有對象,但長度為空9. javascript - 關于Lazyload遇到的問題10. javascript - 如果根據參數給table中的tr綁定不同事件
排行榜
