相关疑难解决方法(0)

div我的页面中有一个用于显示错误消息.当我刷新页面时,它会出现一段时间然后消失.我补充说v-cloak但它不起作用.

这是代码,showErrorMsg是假的

<div v-cloak v-show="showErrorMsg" style="z-index:100" class="h5_tips tips_error">
  <a href="#" v-on:click="showErrorMsg = false" class="del"><i>&#xe906;</i></a>
  <p v-text="errorMsg"></p>
</div>

如何解决这个问题？

我使用Vue.js将数据发送到基本且非常简单的API，该API 通过下面的表单将电子邮件地址订阅新闻稿，并显示一些消息（状态和错误）。

我特别使用伪指令v-if和v-for来显示错误和两条消息。问题是页面加载时，这两个段落元素和无序列表元素会“闪烁”，直到页面完全加载或直到Vue.js实例安装为止。

我做错了吗？这是常见问题吗？有什么办法可以防止所有这些元素在加载时闪烁？

先感谢您。

这是HTML：

<div id="subscribe-to-newsletter">
    <form v-on:submit.prevent="storeSubscriber" novalidate>
        <label for="email-address">E-mail address</label>
            <input type="email" name="email_address" id="email-address" placeholder="exemple@nomdedomaine.fr" v-model="emailAddress">
            <input type="submit" name="submit" value="Rester informé">
    </form>

    <p v-if="success">Thank you, we will keep you updated</p>

    <p v-if="loading">Loading</p>

    <ul v-for="error in errors.email_address">
        <li v-text="error"></li>
    </ul>
</div>

这是JavaScript：

const subscribe = new Vue({
    el: '#subscribe-to-newsletter',

    data: {
        emailAddress: '',
        loading: false,
        success: false,
        errors: []
    },

    methods: {
        storeSubscriber() {
            subscribe.success = false;
            subscribe.errors = [];
            subscribe.loading = true;

            var …