Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

v-ons-input does not appears on screen

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

    That’s the result:


    "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'