三两事-Jie 2022-03-10 17:07 采纳率: 100%
浏览 30
已结题

vue v-on香v-bind来实现

主要通过v-on香v-bind来实现背景颜色的不断切换。谢谢是zuo业来的，不懂怎么联系一起

img

  • 写回答

3条回答 默认 最新

  • 有没有不存在的昵称啊 2022-03-11 17:24
    关注
    
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
</head>
<body>
<div id="app">
  <p v-on:click="changeColor" v-bind:style="pstyle">{{ message }}</p>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    message: '我是p标签',
      pstyle:{}
  },
    methods:{
    changeColor:function(){
        if(this.pstyle.background!="blue"){
            this.pstyle={background:"blue"}
        }else{
            this.pstyle={}
        }
        
    }
    }
})
</script>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 3月19日
  • 已采纳回答 3月19日
  • 创建了问题 3月10日

悬赏问题

  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据，怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据，怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题！