Skip to main content

[vue.js] タグが付いた質問

Vue.js(一般的にVueと呼ばれ、viewのようにビュー発音します)は、ユーザーインターフェイスを構築するためのオープンソースのプログレッシブJavaScriptフレームワークです。他のJavaScriptライブラリを使用するプロジェクトとの統合が、Vueで簡単に行うことができます。 Vueは、高度なシングルページアプリケーションを実現するWebアプリケーションフレームワークとしても機能します。

72 未回答やベストアンサーなし質問
3
0 回答
178 閲覧数

初めて質問します! 他人が作成したNuxtプロジェクトを引き継いで開発をしている新米エンジニアです。 Jestのスナップショットテストでエラーが出て、どうしようもないのでどなたかヒントをお与えください....!! 困っていること コマンドラインにて$jest --coverageののち、テスト結果でエラーが出ています。 上位コマンド実行後の出力結果のうち、...
Yukihiro Ueda's user avatar
2
0 回答
99 閲覧数

概要 nuxt.jsを使ってLP作成のエディタを作成しようとtiptapというエディタのライブラリを入れたのですがビルド時(yarn build)にエラーになるので解消したい。 仕様技術、前提 vue2 nuxt2 typescript 導入ライブラリ package.jsonの差分を記載(yarn addで追加) "@tiptap/extension-color":...
tk2's user avatar
  • 21
2
0 回答
151 閲覧数

Vuexを使うメリットについて質問です。 「Vuex メリット」などで調べるとデータの一元管理などが挙げられている記事が見つかりますが、そのようなことは下記コードでも実装できるかと思います。 Vue.prototype.$selfStore = new Vue({ data: { count: 0, }, methods: { ...
れいまあ's user avatar
2
0 回答
294 閲覧数

業務でVue/Vuexを利用しているのですが、OOPに慣れているため、以下の点で違和感や不便を感じます。 ・親コンポーネントから子コンポーネントへの通信をデータの変化(props)で行うという基本思想 ・コンポーネントのメソッドを外部から呼び出せるが、非推奨であること ・コンポーネントのdataやmethodsなどをprivateにできないこと ・...
casago's user avatar
  • 51
2
0 回答
214 閲覧数

Vue.js transitionアニメーションで、アニメーションと同時に内部のテキストを変更しようとしたのですがうまく反映されません。 以下その再現ソース。 new Vue({ el:'#app', data:{ show:false, status:'', }, methods:{ beforeEnter(el){ ...
coppieee's user avatar
  • 191
2
0 回答
199 閲覧数

Github上でも様々議論がされているようですが、タイトル通り、Vue.jsと vue-apollo を利用した際の状態管理について質問です。 vueとapolloを共存した際、componentの中にgqlを書いてしまうことで、状態管理のメソッドがVue側とApollo側の2つになることが問題となると認識していますが、これに対する現状の手段としては、 Vuexを利用し、...
piaro's user avatar
  • 21
2
0 回答
392 閲覧数

vue-draggable で作成したドラッグ可能なリスト(ul,liタグ)を、ulタグ以外の場所にドロップすると、別のdiv要素のbackground-colorが変更されてしまいます。 ul,liタグに背景色をつければdiv要素の背景色が変更されることはありません。 ウィンドウサイズを変更したり、もう一度ドラッグするなど別のイベントを発生すると元に戻るようです。 ...
taninakay's user avatar
2
1 回答
419 閲覧数

main.cssやnormalize.cssのように固定で必ず最初に読み込ませたいsassファイルのコンパイルで困っています。 nuxt-device-detectを使用して、pc/spの表示切り替えを行っているため vueファイルにstyle記載やimportを行うとpc表示の時にもspのcssが読み込まれてしまうため、cssはレイアウトのheadで読み込ませているのですが、...
user16768's user avatar
1
0 回答
85 閲覧数

NuxtでサーバからAPI経由で取得した画像ファイルの表示をさせようとしているのですが、何も表示されず。 しかし、開発環境で実行している最中にvueファイルを更新したタイミングなどで、画像が表示されます。 そこでリロードするとまた表示されない状態にはなってしまうという。 レスポンスを見るとデータは取得できているようなのですが、バインディングしている先に表示させるための方法が良くないのでしょうか。 ...
RIKi's user avatar
  • 11
1
1 回答
57 閲覧数

components/Heading1.vueはレイアウトに組み込まれています。 pages/page.vueからcomposable/useOperation.vueを経由してcomponents/Heading1.vueのタイトルの値を変更したいのですがタイトル初期値のまま変わりません。 pages/page.vueからh1Textを呼び出すと表示したいタイトルが取得できます。 ...
user16768's user avatar
1
0 回答
172 閲覧数

vue3とamcharts5を不慣れなため思ったような挙動をしてくれなくて困っています。 やりたいことは、グラフをボタンで切り替えたいです。 具体手には、ボタンを二つ設置して、データ1がクリックされたら円グラフを描画、その後もう一つのデータ2をクリックしたら同じグラフを使用してデータだけ入れ替えて、再描画したいと考えていて、 コードを書きましたがエラーが出て動きません、...
Fujihara's user avatar
1
0 回答
192 閲覧数

Vue3にてVue-Routerを使用した画面遷移の実装を考えています。 具体的な.vueファイルや画面構成は以下の通りです。 App.vue: ルートvueファイル Login.vue: ID/PWの入力欄、ログイン画面 Main.vue: ヘッダーとフッターのある画面 Service.vue: ユーザーが契約しているサービスを選択する画面 Menu.vue: ...
popchan's user avatar
  • 11
1
1 回答
990 閲覧数

Nuxt3を使用して、WEBアプリケーションを開発しています。 Nuxt3でaws-sdk(v2)を読み込んだところ、 ローカルのyarn devコマンドでは正常にAWSSDKの実行はできているのですが、 nuxt generate && nuxt startコマンドで表示を行うと、ブラウザのコンソールログに、 Cannot read properties of undefined ...
Buakaw's user avatar
  • 21
1
0 回答
545 閲覧数

環境: OS: windows10 ブラウザ: chrome 言語:javascript フレームワーク:vue.js,vue-simple-sugges vue-simple-suggest というパッケージを使って下図のような駅名候補リストを表示する機能を作成しています。 そこで以下の質問があります。 下図①でIME確定前に vue-simple-sugges が下図③...
oya3's user avatar
  • 351
1
0 回答
233 閲覧数

環境 $ node -v v12.13.0 $ vue -V @vue/cli 4.5.13 $ yarn -v 1.22.11 セットアップ $ vue create my_project1 # Default ([Vue 2] babel, eslint) を選択 $ cd my_project1 ここで外部のライブラリ my_tools を node_modules ...
megeton's user avatar
  • 11

15 30 50 件 / ページ