Question

我正在使用基于https://wffranco.github.io/vue-strap/的VueStrap组件不幸的是，我在为警报设置可见性时收到错误，我的代码是

HTML：

<alert :show="showAlert" placement="top-right" :duration=3000 v-bind:type="alertType" style="height:90px; min-width:380px;" dismissable>
      <span class="icon">
        <i style="font-size: xx-large;" class="fa fa-check-circle" v-if="alertType==='info'"></i>
        <i style="font-size: xx-large;" class="fa fa-info-circle" v-if="alertType==='danger'"></i>
        <i style="font-size: xx-large;" class="fa fa-check-circle" v-if="alertType==='success'"></i>
      </span>
      <div class="alertContent">
        <strong v-if="alertType==='success'">Success</strong>
        <strong v-if="alertType==='danger'">Error</strong>
        <p v-html="AlertInside"></p>
      </div>
</alert>

虽然我正在绑定：根据showAlert进行显示，但一切正常，但是我收到一个错误消息“

避免直接更改prop，因为每当父组件重新渲染时，该值都会被覆盖。而是使用基于属性值的数据或计算属性。道具被突变：在---> Alert>
中找到“显示”

我尝试了v-model：show.sync，但是vmodel根本不起作用，.sync没有任何作用。

在github上有信息要求使用vue js 2.1.x，但我在某处看到有人在使用vue 1.0时遇到类似问题。我当前的vue版本是2.5.16

我正在寻找解决方案一段时间，但无法获得正确的答案，请帮忙;）

Answer 1

因此，正如@ Jayem163所述，此警报是在我尝试更新子组件警报变量show时发生的。我发生这个问题是在VueStrap组件中，并且在解除警报后发生了这样的事情：

[contenteditable] {
    border-bottom: 1px solid transparent;
    &:focus {outline: none; border-bottom: 1px dashed #000;}
}

具有Alert组件的Vue JS变异道具

1 个答案: