工作中遇到一项,需要将墨西哥州名加入到一段文字中,此州名是动态的,方法如下model.state即为动态州名:
<InputModal
ref="inputModal"
fieldTitle="Correo electrónico"
v-bind:text="'Desafortunadamente, en este momento no estamos proporcionando préstamos empresariales en'+
'<b>' + model.state + '</b>. Actualmente operamos en Jalisco, Campeche y Nuevo León.'+
'Ingresa tu dirección de correo electrónico y te informaremos en cuanto iniciemos operaciones en tu Estado.'"
:validator="InputModalValidator"
:submit="InputModalSubmit"
/>
原理是这样的,进行v-bind后的prop,引号里面的内容为 js表达式
v-bind:text="js表达式"
所以,在v-bind里面存在固定文本+变量,表达式为
v-bind:text=" '固定文本' + variable + '固定文本' "
//简写为
:text=" '固定文本' + variable + '固定文本' "