備忘録

備忘録

Onsen UI

OnsenUIのons-listを一番下までスクロールする方法

Ⅰ. はじめに タイトルの通り「OnsenUIのons-listを一番下までスクロールする方法」です。 Ⅱ. やり方 サンプルプログラム <html> <head> <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css"> <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css"> </link></link></head></html>

Vue.js + Onsen UI で ページを切り替える方法

Ⅰ. はじめに タイトルの通り「Vue.js + Onsen UI で ページを切り替える方法」です。 Ⅱ. やり方 1. App.vue を書き換える <v-ons-splitter-content> <component :is="$root.currentPage"></component> </v-ons-splitter-content> 2. main.js を書き換える import HomePage from './components/HomePage' const app = new Vue({ data () { return { currentPage:…

Cordova + Vue.js + Onsen UI + ESLint + webpack で helloworld する

Ⅰ. はじめに Ⅱ. やり方 環境準備 1. vue-cliのインストール 2. cordovaのインストール 3. Vue.js +Onsen UI + webpack のテンプレートを使って初期化する 4. Cordova で 対象プラットフォームとして Android を追加する 実行 Cordova で Androidアプリとして…