[vue.js] タグが付いた質問
Vue.js(一般的にVueと呼ばれ、viewのようにビュー発音します)は、ユーザーインターフェイスを構築するためのオープンソースのプログレッシブJavaScriptフレームワークです。他のJavaScriptライブラリを使用するプロジェクトとの統合が、Vueで簡単に行うことができます。 Vueは、高度なシングルページアプリケーションを実現するWebアプリケーションフレームワークとしても機能します。
199 件の質問
0
票
1
回答
128
閲覧数
Spring Boot: @RequestBodyでDTOのフィールドがnullになる問題(JUnitテストでは成功)
問題の概要
Spring BootアプリケーションでVue.jsからのPOSTリクエストを受け取る際、JSONペイロードは正常に送信されているにも関わらず、@RequestBodyで受け取ったDTOのすべてのフィールドがnullになってしまいます。
環境
Spring Boot: 3.5.3
Java: 17
フロントエンド: Vue.js + Axios
何が動いて何が動かないか
✅ 動作する: ...
1
票
1
回答
1,672
閲覧数
Nuxt.jsで画像読���込み時に404エラーが発生した際に代わりの画像に差し替えたい
https://stackoverflow.com/questions/54596396/vue-js-nuxt-js-load-fallback-image-on-404
上記の記事を元に、以下のような「image1がエラーの時はimage2を表示する」というプログラムを作成しました。
しかし、imgタグ内が src であるときはうまく動作しますが、 :src とバインディングした際には ...
1
票
1
回答
892
閲覧数
Vueを使用したAPI通信でCORSエラー
やりたいこと
一つの実行ファイルでAPIサーバーとなるソフトがあり、このAPIを使用して、入手した情報をWebページに表示したい。(テスト用で簡単にAPI通信して、情報をWebブラウザに表示。)
http://localhost:8888/api にアクセスをすると、APIサーバーはJSON形式でAPIバージョンを返答します。
解決したいこと
開発用に手軽に既成APIサーバー(ローカル起動)...
0
票
1
回答
764
閲覧数
npm run build が上手くいかない
laravel sail,vue3,inertiaの技術選定でローカルの npm run dev では動くのですが、npm run build した際に以下のようなエラーが発生して進めません。解決策をご教授頂けますと幸いです。
error during build:
[vite:vue] [plugin vite:vue] resources/js/Pages/Welcome.vue: At ...
0
票
1
回答
192
閲覧数
laravel,vue3の画像アップロードが上手くいかない
laravel,vue3,inertiaのCRUD処理を実装させたいです。
特に現段階ではEdit.vueで編集した投稿内容をformのsubmit処理した際、formデータをlaravelにPUTメソッドで渡したいと思っています。エラー内容として、ルート先の処理に引数の'post'が上手く渡っていないことによるziggy errorが発生しています。この解決法についてお教え頂けると幸いです。
...
0
票
1
回答
207
閲覧数
Vue3 + Typescript v-forでの'unknown'型を解決したい
<ul class="tabs">
<li v-for="something in somethingList" :key="something.id" @click="change(something.id,something.text)" :class="{ 'isActive':...
1
票
1
回答
990
閲覧数
Nuxt3で aws-sdk(v2) 使用時に Cannot read properties of undefined (reading 'memoizedProperty') が発生
Nuxt3を使用して、WEBアプリケーションを開発しています。
Nuxt3でaws-sdk(v2)を読み込んだところ、
ローカルのyarn devコマンドでは正常にAWSSDKの実行はできているのですが、
nuxt generate && nuxt startコマンドで表示を行うと、ブラウザのコンソールログに、
Cannot read properties of undefined ...
0
票
1
回答
919
閲覧数
コマンドプロンプトでvue serveを実行できない:Please run npm i -g @vue/cli-service-global and try again
解決したいこと
掌田津耶乃さん著のVue.JS 3 超入門という本を学習しているのですが、序盤でつまずいています。
コマンドプロンプトでvue serveを実行しようとしているのですが、うまくいきません。
発生している問題・エラー
Vue CLIはダウンロードインストール済みなのですが、下記スクショの下から2行目にある通り、Please run npm i -g @vue/cli-service-...
1
票
0
回答
85
閲覧数
Nuxt+Expressで取得した画像ファイルの表示ができない
NuxtでサーバからAPI経由で取得した画像ファイルの表示をさせようとしているのですが、何も表示されず。
しかし、開発環境で実行している最中にvueファイルを更新したタイミングなどで、画像が表示されます。
そこでリロードするとまた表示されない状態にはなってしまうという。
レスポンスを見るとデータは取得できているようなのですが、バインディングしている先に表示させるための方法が良くないのでしょうか。
...
0
票
1
回答
167
閲覧数
Nuxt3+microcms+netlifyで作成したWEBサイト、ローカル環境でHydration children mismatchが出る原因を解明したい
現在以下の環境でWEBサイトを制作しています。
node.js v18.19.0
npm 10.2.3
[email protected]
microcms
netlify
しかし特定のコード部分でHydration children mismatchが発生。
サーバーとクライアントで出力するDOMのズレが原因とのことで見比べてみたのですが、DOMズレはなし。
他に原因となる要因はあるのでしょうか。
...
0
票
1
回答
1,125
閲覧数
フロントエンド(Vue.js等)でのログイン管理はどのように行えばよいか
フロントエンドにVueを使って開発をしています。
バックエンドはLaravelで、apiで連携しています。
フロントエンド側のログイン管理はどのようにするのが良いのでしょうか?
・画面遷移のたびに、ログインチェック用のapiを呼び出すのでしょうか。
・状態管理ライブラリなどでログイン状態を管理しているのでしょうか。
(その場合、どのようにログインしていないと判定していますか。...
0
票
1
回答
907
閲覧数
特定のNuxt.jsプロジェクトでrun devした際に高確率でロードに失敗する
環境
"nuxt": "2.8.1"
"node": "12.5.0"
"npm": "6.9.0"
にて npm run dev を実行し、localでサーバを建てた後にアクセスしようとすると1/2くらいの確率でロードアイコンがくるくる回り続け、アクセスできない状態になります。
ログとしては以下の通りで、特に致命的な異常が見当たらず、ChromeのNertwork、...
0
票
0
回答
1,249
閲覧数
nav-itemが横並びにできない
bootstrap4のCDNを使用してVueコンポーネントを作成しているのですが、navbarのitemがVerticalとなってしまいます。下記ソースコードです。
【header.vue】
<template>
<header class="row">
<nav class="navbar navbar-toggleable-...
0
票
1
回答
171
閲覧数
BootstrapVueでサンプル(特にb-form-select)がうまく表示できない。
BootstrapVueのサイトにある"Complete example"のサンプルを利用したいのですがうまく表示されません。
特にソート・フィルターなどの表以外の部分でサンプルの表示と異なります。
どうやらb-form-selectが上手く表示されていないようなのでそちらのサンプルも試しましたがやはりサンプルと同じように表示されません。
以下作業内容とソースになります。...
0
票
0
回答
650
閲覧数
jsファイルを読み込ませるとドロップダウンメニューが動かない
実現したいこと
laravel6に外部ファイルに記述したapp.jsを読み込ませたい
エラーが発生した手順
画面上部に固定しているドロップダウンメニューが開けない、開いても閉じれない(開いたまま)で動かせなくなる
対象のソースコード
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" ...