Vue.js– category –
-
Vue.js
【Vue.js】note風にtextボックスを増減させる
動き自体はかなりシンプルです。noteと動きは違いますがボタンを押下したら書き込めるテキストボックスを追加していきます。イメージはこんな感じです。 左側の+で行の追加、ーでその行を削除します。 さっそくコードを確認しましょう。 <!DOCTYPE htm... -
Vue.js
【Vue.js】axiosで受け取ったjsonをChart.jsで表示する
前回書いたこの記事の続きとなります。 Vue.js フィルター機能実装 今回は簡単なチャートをChart.jsを使用して表示したいと思います。 前回作成したbook.htmlにリンクを張ってチャートを表示するページへ推移させようと思います。 <body> <a href... -
Vue.js
Vue.js フィルター機能実装
https://kazunaka.com/money-book/ 前回書いたこの記事よりスクレイピングしたデータを使用して、Vue.jsで表示してフィルター機能を実装していきたいと思います。 Pythonを利用してVueで表示したい方はこれらの記事を参照してみて下さい。 https://kazunak... -
Vue.js
Vue.jsからPythonにリクエストを飛ばしてエクセル書き込み
この記事からの続きとなります。まだご覧になっていない方はどうぞ。 https://kazunaka.com/python-flask-vue-sort-asc/ 【エクセルに書き込むメソッドの作成】 Vue側から飛ばすデータの内容は決まっているので(表示しているデータ)それを元にエクセルに書... -
Vue.js
PythonでVue.jsソート(昇順・降順)
この記事からの続きとなります。まだご覧になっていない方はどうぞ。 https://kazunaka.com/python-flask-vue/ タイトルの通り昇順のソートを行います。 【昇順】 index.htmlを編集します。 まずは無駄なコードが多いためシンプルにします。 <div id=&q... -
Vue.js
PythonでVue.jsを使う
この記事からの発展となります。まだご覧になっていない方は是非読んでみてください。 https://kazunaka.com/python-flask-helloworld/ サンプルデータはscikit-learnから参考とさせていただきます。 まずは前回記事で作成したmain.pyを編集します。必要な...
1