2.5.16
https://codesandbox.io/s/6jnlpno3lw
Este problema ocurre cuando el elemento raíz no tiene sangría y el bigote está dividido en varias líneas.
<template>
<div>
<p>{{
myVar
}}</p>
</div>
</template>
Solo cuando el elemento raíz está sangrado, el bigote se representa correctamente.
<template>
<div>
<p>{{
myVar
}}</p>
</div>
</template>
Lo que también funciona es cuando el bigote se coloca en una sola línea y el elemento raíz no tiene sangría.
<template>
<div>
<p>{{ myVar }}</p>
</div>
</template>
El bigote debe unir datos
El bigote se renderiza como texto sin formato
Solo quería embellecer mi código, así que dividí el bigote en varias líneas y eliminé la sangría del elemento raíz.
funciona con un solo espacio entre <template>
y root element
:
<template> <p>{{
myVar
}}</p></template>
no sin espacio entre ellos:
<template><p>{{
myVar
}}</p></template>
¿Por qué alguien escribiría su código de esa manera?
@syntacticsolutions Esto no importa, de hecho es un error, ¿verdad?
Gracias @DanielSharkov , debería ser un error.
La causa raíz del comportamiento diferente con sangría es la siguiente: https://github.com/yyx990803/de-indent/blob/master/index.js#L17 -L24
if (c === ' ' || c === '\t') {
type = c
cur = count(line, type)
if (cur < min) {
min = cur
}
} else {
return str
¿Quizás deberíamos agregar \ r? patrón en la expresión regular de interpolación de texto:
Comentario más útil
¿Por qué alguien escribiría su código de esa manera?