<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 数据渲染界面 -->
<!-- 绑定表单元素 -->
<div id="abc">
<!-- v-bind 绑定其他属性 -->
<!-- 当 a和b的值为true的时候生效 -->
<p :class="{active:a,left:b}"></p>
<p :class="obj">内容</p>
</div>
<script src="./js/vue.js"></script>
<script>
var vm = new Vue({
//v-on里面的methods方法
el: '#abc',
//模板ajax返回的数据
data: {
obj: {
a: true,
b: true
},
a: true,
b: false
},
methods: {
}
})
</script>
<!-- 列表渲染 -->
<!-- 1渲染数组 -->
<!-- 2c处理无数据的时候 -->
</body>
</html>
活动
天翼云最新优惠活动，涵盖免费试用,产品折扣等，助您降本增效！
vue再读23-v-blink绑定class
vue再读23-v-blink绑定class
2024-06-12 09:25:36 阅读次数：22
版权声明：本文内容来自第三方投稿或授权转载，原文地址：https://blog.51cto.com/u_15460007/6050416，作者：前端导师歌谣，版权归原作者所有。本网站转在其作品的目的在于传递更多信息，不拥有版权，亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系，请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇：彻底删除jdk - java -version和环境变量设置无效的可能情况
下一篇：前端工作总结118-vue.runtime.esm.js?2b0e:619 [Vue warn]: ＜transition-group＞ children must be keyed: ＜ElTag＞
作者介绍
天翼云用户
查看更多
最新文章
Vue3学习笔记（1.0）
2024-11-14 08:55:41
Vue3--使用脚手架创建一个vue应用，实现todolist
2024-11-07 07:57:54
Web的介绍
2024-10-18 09:52:34
drf配合vue,elementplus的简单使用
2024-10-15 08:53:18
前端工作总结242-uni-提交成功加入表单验证
2024-09-25 10:15:15
vue课程72 侦听器-用法总结
2024-09-25 10:13:57
查看更多
热门文章
Jsp Ajax之模拟用户注册
2022-11-17 12:37:24
VUE前端工程化-2
2023-02-07 10:34:04
js: json的序列化和反序列化
2023-02-20 10:30:04
中秋不加班：js枚举值enums在业务中的应用案例
2023-02-23 08:53:24
react18-学习笔记14-枚举（Enum）
2023-03-16 07:13:43
vue如何解决axios请求前端跨域问题
2023-07-26 08:08:42
售前咨询热线
400-810-9889转1
关注天翼云
- APP
©2024
天翼云科技有限公司版权所有 增值电信业务经营许可证A2.B1.B2-20090001
公司地址：北京市东城区青龙胡同甲1号、3号2幢2层205-32室
