三两事-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日