Question

我有我的组件：

<template>
   <div class="snack-visible" :class="{'snack-danger':!success,  'snack-success':success  }">
      <div>
         <strong>{{message}}</strong>
      </div>
    </div>
</template>
<script>

export default {
   data(){
        return{

            showing: false,
            message:"",
            success:false
        }
    }
//here other methods and created();
}

所以我在数据中定义了变量，但它返回了这些错误：

app.js：11624 [Vue警告]：财产或方法＆＃34;成功＆＃34;没有定义   在实例上但在渲染期间引用。一定要申报   数据选项中的反应数据属性。

在
中找到
---＆GT; at /var/www/html/carrozzeria/resources/assets/js/components/Snackbar.vue

Answer 1

您可以通过以下方式查看：

<template>
 <div class="snack-visible" :class="success ? 'snack-success' : 'snack-danger'">
  <div>
     <strong>{{message}}</strong>
  </div>
</div>
</template>

<script>

export default {
  data(){
    return{

        showing: false,
        message:"",
        success:false
    }
 }
//here other methods and created();
}
</script>

Answer 2

问题是我没有把标签＆lt;结束文件上的/ script＆gt;

属性或方法未在v-bind：class中的实例上定义，但在数据中

2 个答案: