Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. adaddsff312
    A
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups
    Save
    Saving

    adaddsff312

    @adaddsff312

    0
    Reputation
    1
    Posts
    436
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    adaddsff312 Follow

    Posts made by adaddsff312

    • Navigate to page when clicking list item

      Hi,

      I’m new to Vue.js and OnsenUI.
      I started from vue-cordova-webpack (https://github.com/OnsenUI/vue-cordova-webpack).

      I have a list in a page like this:

      <template>
        <v-ons-page>
      
          <v-ons-list-title>List</v-ons-list-title>
          <v-ons-list>
            <v-ons-list-item v-for="item in datas" :key="item.link" tappable>
              <div class="left"><v-ons-icon fixed-width icon="fa-book"></v-ons-icon></div>
              <div class="center">{{ item.details.data }}</div>
              <div class="right"><v-ons-icon icon="fa-external-link" @click="goTo(item.link)" :key="item.link"></v-ons-icon></div>
            </v-ons-list-item>
          </v-ons-list>
      
        </v-ons-page>
      </template>
      

      and I’d like to change page (go to a “details” view) when clicking on the single list item (v-ons-list-item).
      I was looking to https://onsen.io/v2/api/vue/v-ons-navigator.html but I’m not sure whether it’s the good option and I don’t know where to start with it.

      Any help, please?

      Thanks

      posted in Onsen UI
      A
      adaddsff312