vue与style绑定
来源:互联网 发布:全国信息技术水平java 编辑:程序博客网 时间:2024/06/14 06:56
在vue中,我们通常使用动态值来设置style,比如:动态设置background-image.我们需要修改url的值,我试过不少办法
<p style="background:{{color}}"></p> <p style="background"></p> computed:{ background () { return "background:" + this.color } }
这些写法都不对,或者得不到想要的结果
后来通过学习,我们知道应该使用事件绑定的方式来动态设置style
<p v-bind:style="{background:color}"></p> <p v-bind:style="{background:${color}}"></p>
当前我都是使用最简单的方式写动态的style:
<p :style="{backgroundImage:`url(${url}) no-repeat top center`}"></p>
一个冒号:就算是代表了v-bind方式了。
阅读全文
0 0
- vue与style绑定
- vue Class与Style绑定
- Vue Class与Style绑定
- Vue.js之Class 与 Style 绑定
- vue中style与class的绑定
- Vue.2.0-Class 与 Style 绑定
- vue的Class 与 Style 绑定
- Vue学习—Class与Style绑定
- Vue中Class与Style绑定
- Vue基础(Class 与 Style 绑定)
- Vue的Class 与 Style 绑定
- Vue 绑定 style
- 【Vue】-(5) 计算属性与class,style绑定
- Class 与 Style 绑定HTML Class(vue.js)
- Class 与 Style 绑定内联样式(vue.js)
- Vue.js笔记-计算属性 class与style绑定
- Vue.js 学习5 Class与Style绑定
- vue实现切换class(与style的绑定)
- SpEL(Spring Expression Language)表达式语言
- 机器学习的算法和普通《算法导论》里的算法有什么本质上的异同
- 汉诺塔问题
- 正则表达式
- java中==与equeals的区别
- vue与style绑定
- Mysql主从同步
- Sorting Algorithm(1)
- python3 爬取网页的异常处理
- [阅读随笔]—《JavaScript面向对象编程指南第2版》—第128页错误指正
- 软件设计师考试小总结
- 6.4 求1到n之间的所有数的平方和立方
- 【云星数据---mesos实战系列003】:marathon实战003--marathon部署一套最简单的Nginx环境
- iOS高级技术:NSRunLoop须知(面试必备)