Estoy usando una biblioteca pero tengo Cerrar {{myVar}} impreso en la pantalla. ¿Cómo uso la plantilla literal en vue? Vengo del fondo de reacción jsx.
<template> <a-alert message="Info Text" type="info" close-text="Close {{myVar}}" /> {{myVar}} /* it works here */ </template>En vue, puedes usar variantes como esta:
<template> <a-alert message="Info Text" type="info" :close-text="myVar" /> {{myVar}} /* it works here */ </template> // combine with other text <template> <a-alert message="Info Text" type="info" :close-text="`Close ${myVar}`" /> {{myVar}} /* it works here */ </template>En su código, está pasando close-text prop como texto. Para pasar valores que no sean texto, debe poner : como prefijo, como :prop="value" .
Más información sobre esto: https://vuejs.org/v2/guide/components-props.html
La solución a tu problema sería:
<template> <a-alert message="Info Text" type="info" :close-text="`Close ${myVar}`" /> {{myVar}} /* it works here */ </template>Puede usar solo una etiqueta en el componente raíz.