当前位置: 首页 > news >正文

vue基础-动态style

vue基础-动态style

    • 1、目标
    • 2、语法

1、目标

给标签动态设置style值

2、语法

:style="{style属性名:值}"

示例:

<template><div id="app"><div><p :style="{backgroundColor:color}">动态styleclass</p></div></div></template><script>
export default {data(){return{color:"red"}}}
</script>
http://www.lryc.cn/news/101691.html

相关文章:

  • vue3使用响应式数据 + v-model导致响应式失效el-form表单无法输入的问题
  • 线段树详解 原理解释 + 构建步骤 + 代码(带模板)
  • Java中Timer的使用
  • 关于EJB,这两文把热闹和门道都说清楚了
  • MixFormerV2: Efficient Fully Transformer Tracking
  • K8S中网络如何通信
  • LangChain Agents深入剖析及源码解密上(三)
  • 分布式限流方案及实现
  • vuejs源码阅读之优化器
  • 【C++】-动态内存管理
  • 微服务SpringCloud教程——微服务是什么
  • RNN架构解析——LSTM模型
  • 苹果电脑系统优化工具:Ventura Cache Cleaner for mac
  • 为了爱人穿越沙漠-心理测试
  • SpringBoot月度员工绩效考核管理系统【附任务书|ppt|万字文档(LW)和搭建文档】
  • 【新星计划】STM32F103C8T6 - C语言 - 蓝牙JDY-31-SPP串口通信实验
  • 算法39:Excel 表列序号
  • Android:ImageView xml方式配置selector 图片切换
  • Spring Boot 缓存 Cache 入门
  • 如何关闭谷歌浏览器自动更新
  • mybatis日志工厂
  • 020 - STM32学习笔记 - Fatfs文件系统(二) - 移植与测试
  • flask用DBUtils实现数据库连接池
  • SQL注入之布尔盲注
  • 微服务入门---SpringCloud(一)
  • Rust vs Go:常用语法对比(九)
  • Typescript 第五章 类和接口(多态,混入,装饰器,模拟final,设计模式)
  • IFNULL()COALESCE()
  • WPF实战学习笔记23-首页添加功能
  • OpenCV-Python常用函数汇总