![jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/b208b38d813eede539bb3df31c9030c10403751d/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F210708%2Fimages%2Feyecatch.png)
ajaxなど、ブラウザ経由でGET, POST, DELETEリクエストを投げると、実際のリクエストが走る前にOPTIONSリクエストが送信されることがあります。 一度しかリクエストを送信していなくても、実際はOPTIONSとGETなど、2回リクエストが走っています。 APIによっては、OPTIONSリクエストを受け付けないため、Response to preflight request doesn't pass access control checkのようなエラーが返ってくる場合があります。このOPTIONSリクエストはCORSプリフライト(preflight requests)と呼ばれていて、これが通らないと、実際のGET, POST, DELETEなどのリクエストは送信されません。 このプリフライト・リクエストとは何なのか、OPTIONSリクエストを回避する方法はあるのか調べてみま
WIP, See Issue #87 GitHub Enterprise Server Support ✅️ GitHub Enterprise Server is supported above 2.22.6. Note that the GITHUB_TOKEN that is created by the runner might not inherently have push/publish privileges on GHES. You might need to create/request a technical user with write permissions to your target repository. Table of Contents Getting started Options ⭐️ Set Runner's Access Token github
次のように、ボタン「A」を押すと右に入力フィールドが現われるようなものを作ったとき、たいてい、そのフィールドにフォーカスさせたくなってきます。これが難しい。 すぐに focus() しても、まだその DOM は表示されていないので、フォーカスが空振りしてしまいます。 そのようなときは、次のように $nextTick を使ってタイミングをずらすとよさそうです。 <div id="app"> <button @click="c">A</button> <input v-if="s" ref="r" /> </div> <script src="https://unpkg.com/vue"></script> <script> new Vue({ el: "#app", data: {s: false}, methods: { c() { this.s = true this.$nextTick
Vue.jsで色々書き方のルールがあるようで、備忘録として実際に使ったものをここにまとめていきます。 最初は少ないですが随時追加していく予定です。 1.propsで受け取った変数の中身を表示 {{ }}を使う <template lang="html"> <div> <p>{{ message.message }}</p> <small>{{ message.user.name }}</small> </div> </template> <script> export default { props:["message"] } </script> <template lang="html"> <div> <img v-bind:src="message.user.img_path"> <!--<img :src="message.user.img_path">--> </div> </te
これはcloudpack あら便利カレンダー 2018 の記事です。 Vue.jsでDOMが更新されない問題はわりとよくあたります。 ちょうど昨日社内で相談されたので、せっかくなので記事にまとめてみました。 ビューが更新されないあるある 配列、オブジェクトの更新が検出できない 配列のケース 1.インデックスでアイテムを直接設定するとき 例: vm.items[indexOfItem] = newValue 2.配列の長さを変更するとき 例: vm.items.length = newLength 解決方法 1. $setを使う 2. Vueが監視出来る配列のメソッドを使う push(), pop(), shift(), unshift(), splice(), sort(), reverse() 参考リンク => https://jp.vuejs.org/v2/guide/reactivi
webpack4+Vue単一ファイルコンポーネント+Babelの記事を参考にしたらはまった 最新版で学ぶwebpack 4入門 - BabelでES2018環境の構築(React, Vue, Three.js, jQueryのサンプル付き) - ICS MEDIA 結論からいうとvue-loaderのv15以上を扱う場合、以下の記述が必要だったらしい。 // webpack.config.js const VueLoaderPlugin = require('vue-loader/lib/plugin') module.exports = { // ... plugins: [ new VueLoaderPlugin() ] } https://vue-loader.vuejs.org/migrating.html#a-plugin-is-now-required 記事はvue-loade
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く