Vue.js class实例

时间2024-05-08 16:02:04发布访客分类HTML浏览38

导读：当 isActive 或者 hasError 变化时，class 属性值也将相应地更新。例如，如果 active 的值为 true，class 列表将变为 "static active text-danger"。我们也可以直接绑定数据里...

当 isActive 或者 hasError 变化时，class 属性值也将相应地更新。例如，如果 active 的值为 true，class 列表将变为 "static active text-danger"。我们也可以直接绑定数据里的一个对象：实例 text-danger 类背景颜色覆盖了 active 类的背景色：

此外，我们也可以在这里绑定一个返回对象的计算属性。这是一个常用且强大的模式：实例 data() { return { isActive: true, error: null } } , computed: { classObject() { return { active: this.isActive & & !this.error, 'text-danger': this.error & & this.error.type === 'fatal' } } }

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！

若转载请注明出处： Vue.js class实例
本文地址： https://pptw.com/jishu/655614.html

Vue.js class多重值 v-on内联JavaScript语句