如何在VUE中实现条件类绑定
P粉099985373
P粉099985373 2024-03-29 19:17:07
[Vue.js讨论组]

是否可以使用 Vue 创建条件来根据 doom 上加载的文本更改添加类?

我有一个带有颜色名称的列表

<span>yellow</span>
<span>red</span>
<span>grey</span>

我想设定一个条件,例如如果名称文本是黄色我想添加类“color_yellow”等等

P粉099985373
P粉099985373

全部回复(1)
P粉627136450

尝试像下面的代码片段:

new Vue({
  el: '#demo',
  data() {
    return {
      colors: ['yellow', 'red', 'grey']
    }
  }
})

Vue.config.productionTip = false
Vue.config.devtools = false
.color_yellow {
  color: yellow;
}
.color_red {
  color: red;
}
.color_grey {
  color: grey;
}
  • {{ color }}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号