关于vue :style 的几种使用方式
web Vue 2023-05-23 99 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

4005537 2346 35
文章标签更多
ThinkPHP (240)
Mysql (48)
DedeCms (33)
jQuery (58)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
CSS
打开边栏(ESC) 关闭边栏(ESC)
:style的使用
一 ,最通用的写法 
<p :style="{fontFamily:arr.conFontFamily,color:arr.conFontColor,backgroundColor:arr.conBgColor}">{{con.title}}</p>

二, 三元表达式
<a :style="{color:(index==0?arr.conFontColor:'#000')}" :href="con.subTitleHref" target="_self">{{con.subTitle}}</a>

一和二 可以联合起来写 如下
<p :style="{fontFamily:arr.conFontFamily,fontSize:(arr.conFontSize!=0.36?arr.conFontSize+arr.conFontUnit:''),color:arr.conFontColor,backgroundColor:arr.conBgColor}">{{con.title}}</p>

版权声明:本篇文章来源于网络。 来源链接

相关推荐
vue项目npm run serve默认浏览器打开
Vue | 2022-11-16 1198
1、在vue项目中,输入命令行  npm run serve   浏览器实现自动打开功能,需要添加 在配置文件(package.json)中添加 --open 2、浏览器自动打开后,可能会出现网址0.0.0.0:8080页面错误,见图 3、解决方法: 在--open后面再加上--...
vue项目,1:1 error The template requires child element vue/valid-template-root
Vue | 2022-11-25 1121
vue项目,1:1  error  The template requires child element  vue/valid-template-root vue必须要有一个根节点,在<template></template>里面添加一对<div>标签就好了!!...
评论:0条
评论加载中...
发表评论