文章詳情頁
javascript - vue的router-link中使用es6字符串模板時為什么還要加雙引號?
瀏覽:109日期: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. 為什么我ping不通我的docker容器呢???2. docker安裝后出現Cannot connect to the Docker daemon.3. 將SQLServer數據同步到MySQL 用什么方法?4. android - webview 自定義加載進度條5. 并發模型 - python將進程池放在裝飾器里為什么不生效也沒報錯6. numpy - python [:,2][:,None]是什么意思7. javascript - 微信小程序限制加載個數8. javascript - 微信小程序封裝定位問題(封裝異步并可能多次請求)9. javascript - 微信音樂分享10. python 怎樣用pickle保存類的實例?
排行榜
