v-bind里有固定文本+变量如何处理?

工作中遇到一项,需要将墨西哥州名加入到一段文字中,此州名是动态的,方法如下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 + '固定文本' "
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。