Vue.js 财产';实体';不存在于类型';组合VueInstance<;记录<;从不,任何>&;Vue,对象,对象,对象,记录<;从不,任何>&燃气轮机';

Vue.js 财产';实体';不存在于类型';组合VueInstance<;记录<;从不,任何>&;Vue,对象,对象,对象,记录<;从不,任何>&燃气轮机';,vue.js,Vue.js,我正在使用VueJS和Quasar框架构建表单,但当我输入任何文本并移动到下一个字段时,所有数据都会消失或根本不会显示 PageContact.vue 没有地方显示输入 错误 <template> <q-page class="q-pa-sm"> <h4 class="q-mt-none q-mb-md text-weight-bold">Contact Us</h4> <di

我正在使用VueJS和Quasar框架构建表单,但当我输入任何文本并移动到下一个字段时,所有数据都会消失或根本不会显示

PageContact.vue

没有地方显示输入

错误

<template>
  <q-page class="q-pa-sm">
    <h4 class="q-mt-none q-mb-md text-weight-bold">Contact Us</h4>
    <div class="text-body1">
    <p>
      For any queries or complaints, kindly fill this form. We will look into your feedback and get back to you shortly!
    <br>
    </p>
    <div class="q-pa-md">
      <div class="q-gutter-md" style="max-width: 300px">
        <q-input v-model="text" label="Your Name *" required/>
        <q-input v-model="text" label="Email Address *" required type="email"/>
        <q-input v-model="password" filled :type="isPwd ? 'password' : 'text'" hint="Kindly enter password(To check it's you :p)">
        <template v-slot:append>
          <q-icon
            :name="isPwd ? 'visibility_off' : 'visibility'"
            class="cursor-pointer"
            @click="isPwd = !isPwd"
          />
        </template>
      </q-input>
         <q-input
            v-model="text"
            filled
            type="textarea"
          />
      </div>
    <div class="q-gutter-y-md column" style="max-width: 300px">
      <q-file color="grey-6" v-model="model" label="Add file(s)">
        <template v-slot:prepend>
          <q-icon name="attach_file" />
        </template>
      </q-file>
    </div>
    </div>
    <footer>For general suggestions and more, kindly refer to the <b>Mouthoff</b> section.</footer>
    </div>
  </q-page>
</template>
<script>
export default {
  name: 'PageHome'
}
</script>
const routes = [
  {
    path: '/',
    component: () => import('layouts/MainLayout.vue'),
    children: [
      { path: '', component: () => import('pages/PageHome.vue'), name: 'Home' },
      { path: '/about', component: () => import('pages/PageAbout.vue'), name: 'About' },
      { path: '/contact', component: () => import('pages/PageContact.vue'), name: 'Contact' }
    ]
  },

  {
    path: '*',
    component: () => import('pages/Error404.vue')
  }
]

export default routes