Vue で Uncaught RangeError: Maximum call stack size exceeded - おろログ
VueJs でコンポーネントを作っていたら真っ白なページが表示されている。 コンソールを見るとこんなエラーが出ていた。 Uncaught RangeError: Maximum call stack size exceeded at Watcher.get (vue.esm.js?efeb:3156) at new Watcher (vue.esm.js?efeb:3131) ....何が原因かと小一時間悩んだ結果、コンポーネントの中で自分自身を呼び出していたのが原因だった。 例えば <template> <ErrorComponent></ErrorComponent> </template> <script> export default { name: 'ErrorComponent' } </script> 内部で ErrorComponent(自分自身) を呼び出さなければ解決。
Arrayで使いたいメソッドがObserverになっていて使えない問題の対処法 - Qiita
現象 mapがない！！😇 概要 Nuxt.jsで色々ごちゃごちゃやってたときにググっても解決方法が出てこず詰まってしまった。 やりたいことは意外と単純で、mapメソッドを使いたかっただけなのだが思いの外しんどかったのでメモ 筆者が取得しようとしたArrayがObserverになってしまっていたケース export default { language: { javaScript: { name: 'JavaScript', framework: ['Vue.js', 'Nuxt.js', 'React.js', 'AngularJS', 'jQuery'] } } }
【Vue.js】Observerから配列の値を取得する - Qiita
はじめに 帰ってくる配列の値が{__ob__: observer}になってundefinedになった方が対象です。 Vue.jsを勉強し始めて、一ヶ月ほどなので正しい方法だと保証はできませんですが、動かすための一つの方法として見守ってほしいです。 環境 ・node 12.7.0 ・vue-cli 4.3.1 ソースコード import firebase from 'firebase/app'; import'firebase/database' import Vue from 'vue'; created(){ this.database = firebase.database(); this.todosRef = this.database.ref('todos'); var that = this; this.todosRef.on('child_added', function(sn
[Vue.js] なぜpropsのdefault値にObjectやArrayを指定する際にfactory関数にする必要があるのか - Qiita
[Vue.js] なぜpropsのdefault値にObjectやArrayを指定する際にfactory関数にする必要があるのかJavaScriptVue.js
![[Vue.js] なぜpropsのdefault値にObjectやArrayを指定する際にfactory関数にする必要があるのか - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/95d76f8d2a63d3d8204c00265df8aa192b8e7dd2/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVnVlLmpzJTVEJTIwJUUzJTgxJUFBJUUzJTgxJTlDcHJvcHMlRTMlODElQUVkZWZhdWx0JUU1JTgwJUE0JUUzJTgxJUFCT2JqZWN0JUUzJTgyJTg0QXJyYXklRTMlODIlOTIlRTYlOEMlODclRTUlQUUlOUElRTMlODElOTklRTMlODIlOEIlRTklOUElOUIlRTMlODElQUJmYWN0b3J5JUU5JTk2JUEyJUU2JTk1JUIwJUUzJTgxJUFCJUUzJTgxJTk5JUUzJTgyJThCJUU1JUJGJTg1JUU4JUE2JTgxJUUzJTgxJThDJUUzJTgxJTgyJUUzJTgyJThCJUUzJTgxJUFFJUUzJTgxJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1iMTEwNDliZjQ1YjJmNjI2YTg5YzRmZGRjNmE2NjM0Zg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBob2dlc3VrZV8xJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01Nzc5NzkxZDllZjc4ZGRkMTFiYjlhMzY4OWVlNTZmOQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D318e652d9e689a7c3eb3f174dd4892d3)
エラーについて [Vue warn]:Property or method "name" is not defined on the instance but referenced during render. - Qiita
エラーについて [Vue warn]:Property or method "name" is not defined on the instance but referenced during render.errorVue.js [Vue warn]: Property or method "name" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declar
![エラーについて [Vue warn]:Property or method "name" is not defined on the instance but referenced during render. - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7735a0222524738236627452af5c4717181c743a/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgyJUE4JUUzJTgzJUE5JUUzJTgzJUJDJUUzJTgxJUFCJUUzJTgxJUE0JUUzJTgxJTg0JUUzJTgxJUE2JUUzJTgwJTgwJTVCVnVlJTIwd2FybiU1RCUzQVByb3BlcnR5JTIwb3IlMjBtZXRob2QlMjAlMjJuYW1lJTIyJTIwaXMlMjBub3QlMjBkZWZpbmVkJTIwb24lMjB0aGUlMjBpbnN0YW5jZSUyMGJ1dCUyMHJlZmVyZW5jZWQlMjBkJUUyJTgwJUE2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0yYzU0OGRlMzM3MzBhYjRhNDAxODEwYzRiNjI1NGM1MA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrYXR1XyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9M2JjZjA3Y2FmMWEzZDY0ZjE1ZWY1OThkMDI3NGQ4ZGU%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dc9a50159305885f1ca1a24d260b99019)
初心者の私がLaravel＋Vue.jsでSPAを作るときのCSRFトークンでつまずいたこと - Qiita
はじめに Laravel＋Vue.jsでSPAを作るときのCSRFトークンの扱いについてつまずいたので設定方法や原因を私なりにまとめました。 もっと良い方法がある、この方法だとこれがだめ、といったことがありましたら指摘いただければ幸いです。 環境＆前提 Laravel 5.8 認証機能はLaravel標準を使用 Vue.js 2.6.10 axiosでAPIを叩いてPOST 設定方法 結論から言うと、今回の私の環境や前提では特に何もしなくてよいでした。 前提通りなら特に設定は不要で、axiosがCookieからCSRFトークン(を暗号化したもののようです)を取得して送信してくれます。 日本語のドキュメントにも書いてありますね… https://readouble.com/laravel/5.8/ja/csrf.html#csrf-x-xsrf-token いくつかのJavaScriptフレ
VuetifyのDatepickerの値が消えない - Qiita
VuetifyのDatepicker、すごく便利なんだけど、v-text-fieldと一緒に使った時によく使うclearableで値が消えないなーと思っていたメモ。 何したのか v-text-fieldに@click:clear="date = null"を追加した。 コードは公式サンプルを利用 https://vuetifyjs.com/en/components/date-pickers#date-pickers-formatting-date-using-external-libs <template> <v-menu v-model="menu1" :close-on-content-click="false" full-width max-width="290" > <template v-slot:activator="{ on }"> <v-text-field :value
Vueの子コンポーネントで警告：[Vue warn]: The “data” option should be a function that returns a per-instance value in component definitions.が表示されたとき - テストウフ
子コンポーネントでdataオプションを（うっかり）定義したところ、 [Vue warn]: The “data” option should be a function that returns a per-instance value in component definitions. で怒られました。 Vueのdataプロパティやelプロパティは、全インスタンス間でまたいで同じものが使用されるとことなので、子コンポーネント側のdataプロパティはオブジェクトとしてでなく関数として定義する必要があります。 Vue.component('child-component', { template:"<some>code</some>", data: function() { return { language: ['English', 'Japaese'] } } })
![Vueの子コンポーネントで警告：[Vue warn]: The “data” option should be a function that returns a per-instance value in component definitions.が表示されたとき - テストウフ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e32a13b96e3f0de203c8ddae6cc4cd58d443361/height=288;version=1;width=512/https%3A%2F%2Fyoshikiito.net%2Fwp-content%2Fuploads%2F2019%2F04%2Fvuejs.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Vue】Avoid mutating a prop directlyエラーの発生原因と対処法 - Qiita
https://www.web-development-kb-ja.site/ja/javascript/vue-js%E3%81%AF%E3%80%81%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E9%85%8D%E5%88%97%E3%81%A7%E3%81%AF%E3%81%AA%E3%81%8Fob%EF%BC%9Aobserver%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E8%BF%94%E3%81%97%E3%81%BE%E3%81%99/806517056/
Vue.jsでstoreの配列がObserverになりアクセスできません。
Vue.jsでカスタムディレクティブ作って正しく名前指定してるのに、[Vue warn]: Failed to resolve directiveになるとき - Qiita![Vue.jsでカスタムディレクティブ作って正しく名前指定してるのに、[Vue warn]: Failed to resolve directiveになるとき - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/4869f10e6fa9ff489e574390549b4d1601cce501/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VnVlLmpzJUUzJTgxJUE3JUUzJTgyJUFCJUUzJTgyJUI5JUUzJTgyJUJGJUUzJTgzJUEwJUUzJTgzJTg3JUUzJTgyJUEzJUUzJTgzJUFDJUUzJTgyJUFGJUUzJTgzJTg2JUUzJTgyJUEzJUUzJTgzJTk2JUU0JUJEJTlDJUUzJTgxJUEzJUUzJTgxJUE2JUU2JUFEJUEzJUUzJTgxJTk3JUUzJTgxJThGJUU1JTkwJThEJUU1JTg5JThEJUU2JThDJTg3JUU1JUFFJTlBJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgyJThCJUUzJTgxJUFFJUUzJTgxJUFCJUUzJTgwJTgxJTVCVnVlJTIwd2FybiU1RCUzQSUyMEZhaWxlZCUyMHRvJTIwcmVzb2x2ZSUyMGRpcmVjdGl2JUUyJTgwJUE2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02NmJiODViZmQ4OWMyMzdkYjdkY2UzOThjMjY3OTU1Yw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0YWthXzIyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz03ODkxMGIzOGE4Y2NmM2ViNGI0MGM5YWM1ZmE5ZmYzNg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D095fd393097f150d648b30e6377f39af)
sortをいれるとUnexpected side effect in computed propertyってエラー - Qiita
https://laracasts.com/discuss/channels/vue/csrf-mismatch-with-a-spa-vue-app?page=1
Loading...