Vue+style 动态样式绑定(收藏图标)
主要代码:
0:未收藏
1:已收藏
<vab-icon :icon="row.is_collect == 1 ? 'star-fill' : 'star-line'" :style="{ color: row.is_collect == 1 ? 'orange' : '' }" />
效果截图:
代码:
<el-tablev-loading="listLoading":data="grouplist"border
><el-table-column align="center" type="selection" /><el-table-column align="center" width="55"><template #default="{ row }"><vab-icon:icon="row.is_collect == 1 ? 'star-fill' : 'star-line'":style="{ color: row.is_collect == 1 ? 'orange' : '' }"/></template></el-table-column>
</el-table>
Vue+style 动态样式绑定(收藏图标)相关推荐
- 五十九、Vue中的样式绑定
@Author:Runsen @Date:2020/10/16 大四是一个焦虑的时期.烦恼有时候是具体问题带来的压力,有时候却是无端的.莫名其妙的,有时候还极易受到外界的影响,别人一句话就会激起内心难 ...
- vue中动态样式不起作用? scoped了解一下
vue中style标签使用属性scoped的注意事项 style上添加属性scoped可以实现样式私有化,但是在使用动态样式时,样式会不起作用.可以先去掉scoped 转载于:https://www. ...
- 15 Vue中子组件样式的绑定和行内样式模版编写
[基础]模板样式绑定2-进阶 场景 子组件的样式绑定 如何区分父子组件 子组件使用样式的小坑 行内样式的编写 场景 这篇文章继续学习Vue的模板样式绑定.上篇文章你已经对Vue中的样式绑定有一个基本了 ...
- VUE动态绑定Css样式、Style行内样式
VUE动态绑定Css样式.Style样式 一.背景 这两天做的uniapp项目开发的时候遇到了动态写css样式的问题了,因为uniapp的语法是vue的语法,所以uniapp的样式问题主要也就是vue ...
- Vue.js 极简小例: 4 种方式样式绑定、style 的多种方式实现
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 代码: <template><div id="app"> ...
- vue动态切换css文件_vue实现样式之间的切换及vue动态样式的实现方法
编程之家收集整理的这篇文章主要介绍了vue实现样式之间的切换及vue动态样式的实现方法,编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考. 前言 既然我们选择了vue,那么在做东西时就不要想 ...
- Vue 框架-05-动态绑定 css 样式
Vue 框架-05-动态绑定 css 样式 今天的小实例是关于 Vue 框架动态绑定 css 样式,这也是非常常用的一个部分 首先说一下 动态绑定,相对的大家都知道静态绑定,静态绑定的话,直接加 cl ...
- vue 样式绑定 class
<!--绑定样式:1. class 样式写法::class="xxx" xxx 可以是字符串.对象.数组字符串写法适用于:类名不确定,要动态获取对象写法适用于:要绑定多个样式 ...
- vue条件渲染、列表渲染、样式绑定
vue 官网 ---- https://cn.vuejs.org/v2/guide/class-and-style.html 样式绑定 class绑定 1.对象语法 <div class=&qu ...
最新文章
- linux上最好用的sh --zsh
- 通用图片加载组件UniversalImageLoader
- 关于Android 中 一个错误的解决办法 “Do not request Window.FEATURE_ACTION_BAR.....
- 嵌入式电路设计(物联网esp32最小电路设计)
- 如何用 5 天攻克产品困境?Sprint 硅谷创新冲刺告诉你!
- CentOS8.3部署GlusterFS
- IDEA中使用JUnit---java测试类
- 常用的网络操作系统有哪些?它们各具有什么特点?
- 安卓选择市区的省市区联动
- java按成绩排序_JAVA中按分数高低对同学进行排序二维数组
- Protobuf报错CHECK failed: GeneratedDatabase()->Add(encoded_file_descriptor, size):
- trello01:后端的搭建
- CSS文字的居中 盒子模型
- Oracle数据库后端优化建议
- 微服务在windows打jar包运行遇到的大坑
- Python 怎么利用Python绘制二元高次隐函数的函数图像及其极值点——以某双核论文模型方程为例
- win7安装MySQL5.6.17
- 判断一个数是否为2的次方幂
- 【2021极简清单】我的手机APP
- 尴尬: 外媒一致好评一加5T, 若不“撞衫”OPPO R11s 就缺货了