Vue v-bind的用法 —— 前端踩坑8

最新推荐文章于 2022-09-15 15:56:13 发布

大胖小呀

最新推荐文章于 2022-09-15 15:56:13 发布

阅读量131

点赞数

分类专栏：前端踩坑文章标签： vue

本文链接：https://blog.csdn.net/qq_34548699/article/details/105874179

版权

前端踩坑专栏收录该内容

15 篇文章 1 订阅

订阅专栏

	<!-- 内联字符串拼接 -->
	<img :src="'/path/to/images/' + fileName">
	
	<!-- class 绑定 -->
	<div :class="{ red: isRed }"></div>	//red这个class的存在取决与isRed的true或false
	<div :class="[classA, classB]"></div>
	<div :class="[classA, { classB: isB, classC: isC }]">
	
	<!-- style 绑定 -->
	<div :style="{ fontSize: size + 'px' }"></div>
	<div :style="[styleObjectA, styleObjectB]"></div>