アプリ開発Vuetify テーブル並び替え
Vuetify の v-simple-table で、マウスドラッグによる行の並び替え方法。 環境 Windows 11 Home 21H2Vue 2.6.14Vuetify 2.6.0 コード <templ...
Vue
アプリ開発
アプリ開発Vuetify テキストフィールドにフォーカスしたとき全選択
Vuetify の v-text-field にフォーカスしたとき、入力済み文字を全選択状態にする方法。 環境 Windows 11 Home 21H2Vue 2.6.14Vuetify 2.6.0 コード <...
アプリ開発Vuetify v-data-table のフッターに合計行を追加する
合計行がないので、無理やり追加します。 環境 vue.js 2.6.14vuetify 2.6.0 手順 Vuetify のインストールは 公式 を参考にしてください。 <template> ...
アプリ開発Vue を使ったWebアプリを Heroku で公開
環境 Windows 11 Home 21H2 22000.527Heroku CLI 7.53.0Node.js v16.13.1npm 8.3.0git version 2.34.1.windows.1vue cli 4.5.1...
アプリ開発【Vue】分割ペインコンポーネントを試す
Vue Split Pane を簡単に使ってみます。 お試し 今回は CDN で読み込むので、インストール等はありません。 <!DOCTYPE html><html lang="ja...