Question

＆＃34;属性或方法＆＃34; show＆＃34; 未在实例上定义但是在渲染期间引用。确保此属性具有反应性，无论是在数据选项中，还是在基于类的组件中初始化财产＆＃34;

这是我的代码。

＆＃13;

<script>
import { SlideYUpTransition } from 'vue2-transitions'

export default {
  data: () => ({
    listitems: [{
        title: '출결관리',
        path: '/attendanceCheck'
      },
      {
        title: '학생관리',
        path: '/studentAdministration'
      },
      {
        title: '알림설정',
        path: '/notificationSetting'
      }
    ],
    components: {
      SlideYUpTransition
    },
    data() {
      return {
        show: true
      }
    }
  })
}
</script>

＆＃13;

<style>

/*-- Contents --*/
/* .content {
  width: 580px;
  padding: 20px;
  margin-bottom: 20px;
  float: left;
} */


@media ( max-width: 480px) {
  .container {
    width: auto;
  }
  .content {
    float: none;
    width: auto;
  }
}
</style>

＆＃13;

<template>

  <!-- Contents ( Image, Notice ) -->
  <div class = "contents">
    <section>
        <v-parallax src="/images/bg.png" height="650"></v-parallax>
    </section>
    <slide-y-up-transition  >
      <div v-show="show">Your content here</div>
    </slide-y-up-transition>
  </div>
</template>

＆＃13;

Answer 1

组件的结构应该有data和components作为顶级属性：

export default {
  data: () => ({
    listitems: [
      {
        title: '출결관리',
        path: '/attendanceCheck'
      },
      {
        title: '학생관리',
        path: '/studentAdministration'
      },
      {
        title: '알림설정',
        path: '/notificationSetting'
      }
    ],
    show: true
  }),
  components: {
    SlideYUpTransition
  }
}

data是一个返回组件状态的函数，components是一个对象。

Answer 2

此错误的主要原因是您可能在“ model”标记内使用了“ template”，但忘记了在“ {{1 }}“标签。

例如：

script

但是在您的“ <template> <el-form ref="form" :model="form" label-width="120px"> ##<=== form model used here <el-form-item label="Name"> <el-input v-model="form.name"></el-input> </el-form-item> </el-form> </template>”标记中，您可能没有使用

Script

这将解决您的问题。...

属性或方法（...）未在实例上定义，但在呈现期间引用

2 个答案: