Vue.js style (内联样式)
2023-09-11 14:22:19 时间
demo
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue</title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="six"> <div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }">努力向上</div> </div> <script> new Vue({ el: '#six', data: { activeColor: 'blue', fontSize: 20 } }) </script> </body> </html>
效果:
相关文章
- 一步一步教你用 Vue.js + Vuex 制作专门收藏微信公众号的 app
- html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发 将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel,保留table样式
- 【Javascript/Vue】如何解决js中超链接跳转到新的页面不被浏览器拦截?(已解决,代码实例,亲测有效)
- vue-class-component 以class的模式写vue组件
- Vue - 在纯 JS 文件中调用自定义组件 / 类似 ElementUI 弹框组件 Message、Modal(在纯 js 文件中通过 import 方式引入并调用弹框模态框组件显示出来,)
- Vue.js / Nuxt.js / uni-app - 移动端 H5 网页,在电脑 PC 上打开时居中显示(手机网页在电脑上打开后,简单粗暴防止 “界面样式“ 拉伸变形的解决方案)适用所有web项目
- 【vue系列-03】vue的计算属性,列表,监视属性及原理
- 【前端芝士树】Vue.js面试题整理 / 知识点梳理
- vue 项目中使用scss
- vue插件
- Vue 组件化
- vue可复用性 & 组合
- vue实战入门进阶篇九:vue+elementui实现网站后台-系统设置界面实现
- vue中封装一个全局的弹窗js
- Vue-cli 4在vue.config.js中配置别名
- Vue学习第13天——vue中使用自定义插件
- vue.js 样式绑定
- Vue.js 技术揭秘学习 (2) Vue 实例挂载的实现
- Vue.js 样式绑定