小编Yew*_*wla的帖子

Ezoic 为网络发布商提供了针对其广告、内容、布局等的自动化网站智能。

Ezoic 只能由 Cloudflare 或名称服务器集成 - https://support.ezoic.com/support/solutions/articles/48000453862-how-can-i-integrate-my-site-with-ezoic-

ezoic 服务器正在用广告脚本替换广告占位符。

例子：

<span id="ezoic-pub-ad-placeholder-100"></span> ---> ad script

问题是我如何将它与 NuxtJS 和 Vue 连接起来。水合后，广告脚本被删除并替换为占位符。我可以告诉 Vue - 不要重新渲染那段代码吗？

组件代码：

<template>
    <div class="google-ads" :class="`google-ads--${type}`">
        <template v-if="type === 'top'">
            <!-- Ezoic - standard - top_of_page -->
            <div id="ezoic-pub-ad-placeholder-102"></div>
            <!-- End Ezoic - standard - top_of_page -->
        </template>
    </div>
</template>

我正在更新我的数据库中的信息，我希望这些数据更新我用来实时显示数据的卡片。这工作正常，但是当我对数据库进行更改时，我用来显示信息的卡片只会在每次更改时重复。

我希望它替换/更新我正在显示的卡片 但它会制作一张新卡片，并在每次更改时将其与所有旧卡片一起添加到屏幕中。

Vue 和 Firebase 的新手似乎无法让它工作。

<template>
<v-flex xs12 sm6 md4 lg3 xlg3 v-for="user in users" :key="user.id">  
          <v-card raised :class="`${user.Status} text-xs-center ma-3`" >            
            <v-responsive align="middle" class="pt-4">
              <v-icon :class=" `${user.Status} ma-n1 mb-n1`" size="55px" >account_box</v-icon>
            </v-responsive>
            <v-card-text>
              <div align="middle" class="subheading White">{{user.Name}}</div>
              <div align="middle" class="grey--text ma-1">
                <v-chip color="" small ripple  :class="`${user.Status} caption my-3`"><div class="White mr-2">Status: </div><div :class="`${user.Status}`"> {{user.Status}}</div> </v-chip>
              </div>
              <v-divider></v-divider>
              <div align="middle" class="White ma-1">Unit:  {{user.GroupHex}} - {{user.UserIDInt}} </div>          
              <div align="middle" class="grey--text mt-3">Last Message:<div class="Green">{{user.TimeStamp}}</div></div>       
            </v-card-text>
            <v-card-actions raised align="center">
              <v-spacer></v-spacer>
              <router-link class="noLink" …