资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

如何解决vue点击控制单个样式的问题

这篇文章给大家分享的是有关如何解决vue点击控制单个样式的问题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联公司一直在为企业提供服务,多年的磨炼,使我们在创意设计,营销型网站建设到技术研发拥有了开发经验。我们擅长倾听企业需求,挖掘用户对产品需求服务价值,为企业制作有用的创意设计体验。核心团队拥有超过十载以上行业经验,涵盖创意,策化,开发等专业领域,公司涉及领域有基础互联网服务西部信息机房重庆App定制开发、手机移动建站、网页设计、网络整合营销。

既然是控制单个样式,我们的html里面的内容一定是v-for="";渲染出来,一定要养成一个好习惯,v-for="(item,index) in items";index就是我们所说的索引。

我做的项目类似于微信朋友圈,弹出赞与评论按钮,点击一个全体都会弹出;我们要解决的就是点一个只弹出对应的一个,对button按钮对应其中的INDEX。

这个index对应着v-for中的index;

由于公司开发的后台是c#必须用两个@@来调用click事件,函数clickBt的函数内容是:

在data里面定义了activeindex

// clickBt: function (index) {
// var _this = this;
// console.log(111,index);
// _this.activeindex = index;
// _this.clickTf = !_this.clickTf;
// },

最后是在我们需要弹出的div里面写v-class:与v-if相互调用:

不BB其他的哦,只希望以后遇到同样的问题,能够自己解决吧!

感谢各位的阅读!关于“如何解决vue点击控制单个样式的问题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


文章标题:如何解决vue点击控制单个样式的问题
分享URL:http://cdkjz.cn/article/ggdios.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220