久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

javascript - vue的router-link中使用es6字符串模板時為什么還要加雙引號?

瀏覽:123日期:2023-03-05 09:54:16

問題描述

javascript - vue的router-link中使用es6字符串模板時為什么還要加雙引號?我把雙引號去掉就報錯了。不太明白,求大佬指點一下。

問題解答

回答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
相關文章:
主站蜘蛛池模板: 策勒县| 阿坝| 丰原市| 岑溪市| 三河市| 新田县| 六枝特区| 公主岭市| 赣州市| 吕梁市| 淮安市| 洛浦县| 博白县| 遂川县| 虎林市| 林芝县| 儋州市| 响水县| 攀枝花市| 家居| 泰和县| 拉萨市| 横山县| 灵璧县| 邮箱| 齐河县| 遂溪县| 正阳县| 金川县| 阳高县| 吉林省| 新乡市| 宜黄县| 雷州市| 无棣县| 兴城市| 白山市| 盈江县| 温宿县| 梧州市| 江源县|