JavaScript - Vue のルーターリンクで es6 文字列テンプレートを使用するときに二重引用符を追加する必要があるのはなぜですか?
PHP中文网
PHP中文网 2017-07-05 10:56:34
0
2
1152

#二重引用符を削除した後にエラーを報告しました。
よくわからないのでアドバイスをお願いします。

PHP中文网
PHP中文网

认证0级讲师

全員に返信(2)
过去多啦不再A梦

Vue では、HTML タグ :xxx="" がテンプレートに含まれている場合、二重引用符で囲まれた内容は一般的な HTML 属性ではなく、JS 式になります。

例:

リーリー

今回は count++ 是一段模板编译后由 Vue 执行的 JS 代码,而不是简单的属性字符串。同理,router-link 中书写的也是 JS 代码,而不是链接字符串。这样一来,需要直接返回字符串路径时,就必须采用单引号把字符串内容括起来,例如 :to="'/index'" 这样。如果写 :to="/index",那么 Vue 会求值一个名为 /index が変数であり、明らかに不正です。

一重引用符と二重引用符をネストしたくない場合は、コロンを削除して次のように書くことができます <router-link to="/index">

いいねを押す +0
滿天的星座

リーリー

文字列のスペルを試してください

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート