[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
回答
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
回答
1,125
閲覧数
フロントエンド(Vue.js等)でのログイン管理はどのように行えばよいか
フロントエンドにVueを使って開発をしています。
バックエンドはLaravelで、apiで連携しています。
フロントエンド側のログイン管理はどのようにするのが良いのでしょうか?
・画面遷移のたびに、ログインチェック用のapiを呼び出すのでしょうか。
・状態管理ライブラリなどでログイン状態を管理しているのでしょうか。
(その場合、どのようにログインしていないと判定していますか。...
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':...
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ズレはなし。
他に原因となる要因はあるのでしょうか。
...
1
票
0
回答
85
閲覧数
Nuxt+Expressで取得した画像ファイルの表示ができない
NuxtでサーバからAPI経由で取得した画像ファイルの表示をさせようとしているのですが、何も表示されず。
しかし、開発環境で実行している最中にvueファイルを更新したタイミングなどで、画像が表示されます。
そこでリロードするとまた表示されない状態にはなってしまうという。
レスポンスを見るとデータは取得できているようなのですが、バインディングしている先に表示させるための方法が良くないのでしょうか。
...
0
票
1
回答
166
閲覧数
nuxt2 と nuxt3 の対応関係について
nuxt2で開発しているプロジェクトをnuxt3に移行したいと思っています。
nuxt2の下記のような実装は、nuxt3ではどのような実装に対応するのでしょうか?
<script setup lang="ts"> や vue3 の composition API を導入した形式で実装したいと考えています。
pagex/index.vue
<script ...
0
票
1
回答
1,683
閲覧数
ESLintでVueファイルのエラーを解消できない
事象概要
Vue3の環境にESLintを導入した後に、Vueファイルにおいて理解できないエラーが発生しており解消できてないです。
コメント箇所でエラーが出ていたり、特段問題なさそうな箇所でエラーが出ているので、ESLintが出しているエラー内容と実態が合致しないように感じます。
.eslintrc.json
{
"env": {
"browser"...
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
票
0
回答
1,324
閲覧数
vue.js3 typescript で エラー[computedプロパティの型がComputedOptionsと一致していない]の適切な対処方法が知りたい
質問内容
提示のソースコードですが以下のコンソールログのエラー出ますこれなどうやって対処するのが適切なのでしょうか?
ChatGPTで原因は理解したのですが対処方法がわかりません。
知りたいこと
エラー部の原因を対処するための適切な対処方法が知りたい
利用ライブラリ
vue.js3
実行したコマンド
vue create project //でプロジェクトを作成
npm run build //...
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-...
0
票
1
回答
790
閲覧数
Vueのcomputedで2次元配列の算出プロパティを作りたい
現在Vue3のコード(Composition API)を練習しています。
次のような配列があった場合算出プロパティで積を求める(あくまで練習)ことを目的としています。computedの書き方がどうしてもわかりません。hogeの所にはitemsのそれぞれの積が返って欲しいです。宜しくお願いします。
<script>
export default {
data() {
...
0
票
1
回答
4,636
閲覧数
どこに Access-Control-Allow-Origin: * を設定しますか
Laravel と Vue で開発をしているのですが、このようなエラーが出てしまい困っています。
どこに Access-Control-Allow-Origin: * を設定すれば解決できますか?