vue语法之拼接字符串的示例代码
作者:一曲笙箫 时间:2024-04-30 10:21:30
本文介绍了vue语法之拼接字符串的示例代码,分享给大家,具体如下。
先来一行代码:
<div class="swiper-slide" v-for="item in message">
<img v-bind:src="['xxx(需要拼接的字符串)'+item.picurl]" alt="" width="100%" height="245" />
</div>
如代码所示,只需要在数组语法中拼接字符串即可。
***知识点***
顺便总结一下vue语法
写法也分为:style的绑定和class的绑定
(以下代码部分为官网例子)
(1)对象语法
顾名思义,就是有使用对象写法的语法
style绑定:
这类写法和css写法类似
class绑定:
active是类名,isActive为true的时候active有效
(2)数组语法
style绑定:
<div :style="[style1,style2,style3]"></div>
data写法官网没介绍,我这边简单写一下例子:
data: {
style1:{background:'red'},
style2:{width:'100px'},
style3:{height:'100px'}
}
class绑定:
来源:http://www.cnblogs.com/LucklyPisces/p/7426541.html
标签:vue,拼接,字符串
0
投稿
猜你喜欢
PHP中使用Memache作为进程锁的操作类分享
2023-11-22 18:10:02
Python中的字典与成员运算符初步探究
2023-01-28 09:59:18
Python实现一键抠图的示例代码
2022-01-31 10:15:49
Mysql 5.7 忘记root密码或重置密码的详细方法
2024-01-14 17:02:36
python Selenium 库的使用技巧
2021-08-07 21:23:47
golang 将[]byte转成16进制的实现
2024-02-17 00:35:03
python 读写excel文件操作示例【附源码下载】
2023-02-20 09:26:31
Keras之自定义损失(loss)函数用法说明
2023-09-24 12:12:15
python numpy和list查询其中某个数的个数及定位方法
2021-04-29 01:36:50
python将下载到本地m3u8视频合成MP4的代码详解
2022-08-29 11:13:39
python实现逆滤波与维纳滤波示例
2023-07-01 16:36:25
Numpy中转置transpose、T和swapaxes的实例讲解
2022-09-04 21:11:10
8大措施帮你构筑Access安全防线
2010-03-11 14:38:00
Golang嵌入资源文件实现步骤详解
2023-06-21 08:52:36
django将图片上传数据库后在前端显式的方法
2024-01-12 21:17:34
Python进程间通讯与进程池超详细讲解
2023-09-05 16:50:41
oracle 更改数据库名的方法
2009-10-24 18:20:00
跟老齐学Python之私有函数和专有方法
2021-04-13 20:38:18
C#简单查询SQLite数据库是否存在数据的方法
2024-01-13 04:34:48
使用Python解析Chrome浏览器书签的示例
2023-03-12 01:14:34