文章詳情頁
javascript - vue的router-link中使用es6字符串模板時為什么還要加雙引號?
瀏覽:85日期: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. angular.js - angular做點擊購買時的遮罩層2. android - NavigationView 的側滑菜單中如何保存新增項(通過程序添加)3. 冒昧問一下,我這php代碼哪里出錯了???4. http://run.php.cn/在線PHP程序運行結果不正確5. tp5 不同控制器中的變量調用問題6. 關于thinkphp 5.1中,ajax提交數據url的格式寫法,加花括號就出錯,請老師指點7. 模型的優點8. 老師 我是一個沒有學過php語言的準畢業生 我希望您能幫我一下9. 提示語法錯誤語法錯誤: unexpected ’abstract’ (T_ABSTRACT)10. Thinkphp5.1報錯不支持Redis
排行榜
