Vue.js 样式绑定
2023-09-11 14:22:19 时间
demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue js </title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script> </head> <style> .one { width: 100px; height: 100px; background: darkblue; } </style> <body> <div id="app"> <div v-bind:class="{ one: isActive }"></div> </div> <script> new Vue({ el:'#app', data:{ isActive:true } }) </script> </body> </html>
效果:
2018-03-20 13:19:31
相关文章
- (尚041)vue_嵌套路由
- 第三节.vue.js属性与方法
- vue.js--基础 事件结合双向数据绑定实现todolist,增加和删除功能
- 基于 Vue.js 之 iView UI 框架非工程化实践记要 使用 Newtonsoft.Json 操作 JSON 字符串 基于.net core实现项目自动编译、并生成nuget包 webpack + vue 在dev和production模式下的小小区别 这样入门asp.net core 之 静态文件 这样入门asp.net core,如何
- JS监听不到被操作后dom的事件,js动态生成的DOM绑定事件失效,解决方案
- 技术分享 | 测试平台开发-前端开发之Vue.js 框架(一)
- Laravel + Vue + element-ui 【前端项目一】vue 实现查看更多 5
- uni-app - 将 base64 图片编码转为 Blob 本地文件路径(把base64类型的图片,转换成blob二进制文件流)适用于 uni-app / vue.js / JavaScript
- vue实现返回页面时回到原来的位置
- vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础
- Web前端-Vue.js必备框架(二)
- jsp页面用html引入vue.js注意问题
- vue-cli 4以上 vue.config.js
- vue.js 嵌套循环渲染
- 聊聊JS动画库:Velocity.js
- vue文档摘录九:Vue Router
- 前后端加密解密 【JS加密模块(md5 、 crypto 、 crypto-js、jsencrypt) python RSA加密解密(pycryptodome )模块安装与使用】
- JS 工具函数 方法(其中js的crc32和php的crc32区别)
- 粗暴将tinymce富文本编辑器整合到vue项目
- [js高手之路] vue系列教程 - 绑定class与行间样式style(6)
- Vue-cli 4在vue.config.js中配置别名
- 学习Vue的一些看法
- Vue路由跳转后 Index.html中引入的JS文件失效 问题解决
- vue.js 样式绑定 font-size 问题
- Vue 生命周期
- Vue.js 技术揭秘学习 (3) render
- Vue.js 样式绑定(1)
- vue组件终端报错: error Component name “xxx“ should always be multi-word vue/multi-word-component-names
- vue: 无法加载文件 C:UsersxxxAppDataRoamingnpmvue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅请参阅 https:/go.micr