v-ons-input does not appears on screen



  • <template>
      <v-ons-page>
        <toolbar :title="msg"></toolbar>
    
        <v-ons-card>
          E-Posta
          <v-ons-input placeholder="E-Posta adresiniz"></v-ons-input>
        </v-ons-card>
    
      </v-ons-page>
    </template>
    
    <script>
      import Toolbar from './layout/partials/Toolbar'
    
      export default {
        components: {Toolbar},
        name: 'login',
        data () {
          return {
            msg: 'Giriş',
            inputEmail: '',
            inputPassword: ''
          }
        },
        methods: {}
      }
    </script>
    

    That’s the result:
    result

    Dependencies

    "dependencies": {
        "font-awesome": "^4.7.0",
        "onsenui": "~2.8.2",
        "vue": "^2.5.2",
        "vue-onsenui": "~2.4.2",
        "vue-router": "^3.0.1",
        "vuex": "^3.0.0"
      }
    


  • I solved the issue. Problem was my vue-onsen-components.js file. I removed the comment of

    export { default as VOnsInput } from 'vue-onsenui/esm/components/VOnsInput'
    

Log in to reply