Vue

プログラミング

ロリポップにGitHubActionsを使ってVue.jsを載せる方法の備忘録

こんにちは、今回はレンタルサーバーのロリポップにVue.jsのプロジェクトを載せる方法を記します。 面倒臭い方法でも良いのであれば、 Vueプロジェクトをビルドして作られたフォルダ下(dist)をFTPなりでサーバに置けば実行できま...
Laravel

【最終手段】PHPでTwitterOauthを使ってTwitterに画像のアップロードをする方法

こんにちは、 私は、LaravelとVueでWebアプリを作成していますが TwitterOauthを使用して画像をアップロードするというところで なぜか進まなくなったんですよね・・・笑 注意 今回の解決方法は非常に強引で...
Vue

Vuejsで要素を画像に変更する方法!「html2canvas」を使用!

こんにちは、 Vue.jsでdivなどの要素をシェアさせたいと思い、 実際にやってみたら、かなり簡単にできたのでまとめます。 そもそも「html2canvas」とは? 言い換えれば、ページで表示されているコンテンツを 簡単...
Vue

外部JavaScriptファイルからVueファイルのメソッド呼び出す方法!

こんにちは、 久しぶりのVue記事です。 今回は、外部のJavaScriptファイルから Vueファイルのメソッドを呼び出す方法を書きます。 注意 ※正しい方法かどうかは保証できません。 強引な方...
Vue

「Vue.js」onload内でthisを使えないときの対処法!クロージャのときについても

こんにちは。 「Vue.js」でdata値を参照するときに「this.」は欠かせませんよね。 しかし、クロージャの中から「this.OOO」を使用しても使えません。 クロージャとは、入れ子の関数みたいなもの?です。 コン...
Vue

「Vue.js」子要素と親要素のクリック イベントを併発しない方法!

こんにちは。 早速ですが、 Vue.jsの親要素と子要素のクリックなどのイベントを併発しない方法を書いていきます。 簡単な説明としては、 親要素にクリックイベントをつけ、子要素にもクリックイベントをつけたときに 子要素...
Vue

「Vue.js」でv-for内のrefにアクセスする方法!子コンポーネントのメソッドを使う

Vue.jsにて子コンポーネントのメソッドやデータにアクセスをする際 refを使用すると簡単にできます。 しかし、v-for内から子コンポーネントにアクセスする方法は 少しだけ書き方が変わります。 v-for文内の書き方 親コ...
タイトルとURLをコピーしました