Vue实现点击后文字变色切换方法

Vue实现点击后文字变色切换方法

这里用文字举例，图片切换的原理也是一样的

大概思路是：用两个class相同的span分别是切换前后的文字，class相同主要是为了变换前后的文字位置相同。然后用click事件控制它们的显隐。

代码如下：

HTML：

回复

回复

js：

data(){

return {

showCommentInput = false,

}

}

css：

.response {

font-sizEAAzghStDWe:14px;

color: #3e3e3e;

&:hover{

font-weight: bold;

}

&+.response {

font-weight: bohttp://ld;

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。