Ad 广告

基本用法

<wx-button @click="v1 = true">基本用法</wx-button>
<wx-ad :visible.sync="v1">
  <div class="ad-box">
    <img :src="require('../assets/c3.jpg')" alt />
    <wx-button @click="handleClick" mini>戳我购买</wx-button>
  </div>
</wx-ad>

<script>
export default {
  data() {
    return {
      v1: false
    };
  },
  mounted() {
    setTimeout(() => {
      this.v1 = true;
    }, 1500);
  },
  methods: {
    handleClick() {
      this.v1 = false;
      this.$toast("戳中了～");
    }
  }
};
</script>

提示

visible 属性绑定需要使用 .sync修饰符

Ad Attributes

参数	说明	类型	可选值	默认值
visible	是否可见，需结合 .sync 修饰符	Boolean	-	false

广告