Vue项目上绑定变量与字符串拼接-案例

Posted JackieDYH

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue项目上绑定变量与字符串拼接-案例相关的知识,希望对你有一定的参考价值。

示例

<a-textarea
  :rows="6"
  style="width: 80%"
  placeholder="一次最多输入60行,多个换行输入"
  v-model="form.address_group"
/>
<span style="float: right; color: #999"
  > this.row / limit </span
>
</a-form-model-item>

placeholder="一次最多输入60行,多个换行输入"

想给 60 绑定自己定义的变量,而不是写死

方式一
    :placeholder="`一次最多输入$limit行,多个换行输入`"

方式二
    :placeholder="'一次最多输入'+ limit +'行,多个换行输入'"

以上是关于Vue项目上绑定变量与字符串拼接-案例的主要内容,如果未能解决你的问题,请参考以下文章

VUE3中Class 与 Style 绑定

Vue - 监听文本框数据的三种方法

Vue中Class与Style绑定

Vue.js Class与Style绑定

Vue.js Class 与 Style 绑定

Vue.2.0.5-Class 与 Style 绑定