2.5.16
https://codesandbox.io/s/6jnlpno3lw
この問題は、ルート要素がインデントされておらず、口ひげが複数の行に分割されている場合に発生します。
<template>
<div>
<p>{{
myVar
}}</p>
</div>
</template>
ルート要素がインデントされている場合にのみ、口ひげが正しくレンダリングされます。
<template>
<div>
<p>{{
myVar
}}</p>
</div>
</template>
また、口ひげが1行に配置され、ルート要素がインデントされていない場合にも機能します。
<template>
<div>
<p>{{ myVar }}</p>
</div>
</template>
口ひげはデータをバインドする必要があります
口ひげはプレーンテキストにレンダリングされます
コードを美しくしたかっただけなので、口ひげを数行に分割し、ルート要素のインデントを削除しました。
<template>
とroot element
間の単一のスペースで機能します:
<template> <p>{{
myVar
}}</p></template>
それらの間にスペースがないわけではありません:
<template><p>{{
myVar
}}</p></template>
なぜ誰かがそのようにコードを書くのでしょうか?
@syntacticsolutionsこれは問題ではありません、実際はバグですよね?
@DanielSharkovに感謝します、それはバグであるはずです。
インデントによるさまざまな動作の根本的な原因は次のとおりです: https :
if (c === ' ' || c === '\t') {
type = c
cur = count(line, type)
if (cur < min) {
min = cur
}
} else {
return str
たぶん\ rを追加する必要がありますか? テキスト補間正規表現のパターン:
最も参考になるコメント
なぜ誰かがそのようにコードを書くのでしょうか?