只有在确定显示的时候才访问接口_接口访问到但是没有-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_33769914/article/details/72624139

本文介绍了一种基于Vue.js的打赏功能实现方式，包括打赏按钮的交互逻辑、用户界面的设计以及如何根据用户的操作动态加载打赏数据。通过具体的代码示例展示了如何在前端应用中集成打赏功能，并提供了打赏效果的展示。

<template v-if="title!=''">
        <div class="reward mui-text-center" v-if="show">
           <button type="button" class="mui-btn mui-btn-red" @click="show=false">打赏</button>
           <p>{{dashang.count}}人已打赏</p>
           <div class="zce mui-clearfix" >
               <img :src="item.head_url" class="man" v-for="item in dashang.list"/>
            </div>
        </div>
        <div v-if="show==false" class="rewardmoney mui-text-center">
           <h5 class="mui-text-left">请选择打赏的金额：</h5>
           <span @tap="ward(db.money)" v-for="db in da">{{db.money}}<i>元</i></span>
           <a href="javascript:void(0)" @tap="other" class="other">其他金额</a>
        </div>
        </template>

data(){
return{

            show:true,//打赏
            dashang:{
                   count:0,list:[]
                },
            da:[]

        }
    },

watch:{

          show(m){   //打赏，只有在确定显示的时候才访问接口
               if(m==false){
               this.$api("Bssay/dsMoney",{},3).then(data => {
               this.da=data;
            });
               }
            }
    }