Rumah > hujung hadapan web > tutorial js > vue语法之拼接字符串详解

vue语法之拼接字符串详解

小云云
Lepaskan: 2018-01-03 11:14:48
asal
5919 orang telah melayarinya

本文主要介绍了vue语法之拼接字符串的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。

先来一行代码:

<p class="swiper-slide" v-for="item in message">
  <img v-bind:src="[&#39;xxx(需要拼接的字符串)&#39;+item.picurl]" alt="" width="100%" height="245" />
</p>
Salin selepas log masuk

如代码所示,只需要在数组语法中拼接字符串即可。

***知识点***

顺便总结一下vue语法

写法也分为:style的绑定和class的绑定

(以下代码部分为官网例子)

(1)对象语法

顾名思义,就是有使用对象写法的语法

style绑定:

这类写法和css写法类似

class绑定:

active是类名,isActive为true的时候active有效

(2)数组语法

style绑定:

<p :style="[style1,style2,style3]"></p>
Salin selepas log masuk

data写法官网没介绍,我这边简单写一下例子:

data: {
  style1:{background:'red'},
  style2:{width:'100px'},
  style3:{height:'100px'}
 }
Salin selepas log masuk

class绑定:

相关推荐:

javascript:拼接字符串函数concat()

【js运算性能系列】拼接字符串的方法及性能比较

MySQL执行拼接字符串语句实例

Atas ialah kandungan terperinci vue语法之拼接字符串详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan