鍍金池/ 問答/HTML/ vueJs 引入iview時報(bào)錯

vueJs 引入iview時報(bào)錯

圖片描述

這是app.vue 入口代碼：

<template>
  <div id="app">
    <img src="./assets/logo.png">
   <!-- <router-view/>-->
    <login-form></login-form>
    <!--<hello-word></hello-word>-->
  </div>
</template>

<script>
    import LoginForm from './components/LoginForm.vue'
//    import HelloWorld from './components/HelloWorld.vue'
export default {
 
 // The routing configuration
const RouterConfig = { routes: Routers};
const router = new VueRouter(RouterConfig);
  components: {
    LoginForm
  }
}
</script>


 這是LoginForm.vue代碼：
 
 



 <template>
        <i-form ref="formInline" :model="formInline" :rules="ruleInline" inline>
            <div prop="user">
                <i-input type="text" v-model="formInline.user" placeholder="Username">
                    <icon type="ios-person-outline" slot="prepend"></icon>
                </i-input>
            </div>
            <div prop="password">
                <i-input type="password" v-model="formInline.password" placeholder="Password">
                    <icon type="ios-locked-outline" slot="prepend"></icon>
                </i-input>
            </div>
            <div>
                <i-button type="primary" @click="handleSubmit('formInline')">登錄</i-button>
            </div>
        </i-form >
    </template>
    <script>
    export default {
        name:"LoginForm",
      data () {
        return {
          formInline: {
            user: '',
            password: ''
          },
          ruleInline: {
            user: [
              { required: true, message: '請?zhí)顚懹脩裘?, trigger: 'blur' }
            ],
            password: [
              { required: true, message: '請?zhí)顚懨艽a', trigger: 'blur' },
              { type: 'string', min: 6, message: '密碼長度不能小于6位', trigger: 'blur' }
            ]
          }
        }
      },
      methods: {
        handleSubmit (name) {
          this.$refs[name].validate((valid) => {
            if (valid) {
              this.$Message.success('提交成功!')
            } else {
              this.$Message.error('表單驗(yàn)證失敗!')
            }
          })
        }
      }
    }
    </script>
回答
編輯回答
離夢
<script>
    import LoginForm from './components/LoginForm.vue'
//    import HelloWorld from './components/HelloWorld.vue'
 // The routing configuration
const RouterConfig = { routes: Routers};
const router = new VueRouter(RouterConfig);
export default {
  RouterConfig,
  router,
  components: {
    LoginForm
  }
}
</script>
2018年7月17日 19:59
編輯回答
淺淺
export default {
 // The routing configuration
const RouterConfig = { routes: Routers};
const router = new VueRouter(RouterConfig);
  components: {
    LoginForm
  }
}

你這里寫的是 export 出去一個 對象。
然后 你相當(dāng)于在一個對象里面寫

var obj = {
 const aaa = 'aaaa'
 const bbb = 'bbb'
}

你覺得不報(bào)錯嗎

2017年5月3日 17:00