[vue.js] タグが付いた質問
Vue.js(一般的にVueと呼ばれ、viewのようにビュー発音します)は、ユーザーインターフェイスを構築するためのオープンソースのプログレッシブJavaScriptフレームワークです。他のJavaScriptライブラリを使用するプロジェクトとの統合が、Vueで簡単に行うことができます。 Vueは、高度なシングルページアプリケーションを実現するWebアプリケーションフレームワークとしても機能します。
72 未回答やベストアンサーなし質問
3
票
0
回答
178
閲覧数
NuxtプロジェクトでのJest スナップショットテストエラー
初めて質問します!
他人が作成したNuxtプロジェクトを引き継いで開発をしている新米エンジニアです。
Jestのスナップショットテストでエラーが出て、どうしようもないのでどなたかヒントをお与えください....!!
困っていること
コマンドラインにて$jest --coverageののち、テスト結果でエラーが出ています。
上位コマンド実行後の出力結果のうち、...
2
票
0
回答
99
閲覧数
nuxt2 tiptapを導入してビルド(yarn build)が出来ない: Cannot find name 'type'
概要
nuxt.jsを使ってLP作成のエディタを作成しようとtiptapというエディタのライブラリを入れたのですがビルド時(yarn build)にエラーになるので解消したい。
仕様技術、前提
vue2
nuxt2
typescript
導入ライブラリ
package.jsonの差分を記載(yarn addで追加)
"@tiptap/extension-color":...
2
票
0
回答
151
閲覧数
Vue.prototypeでもグローバルなデータは管理できますが、Vuexを使う理由は開発者ツールによりログが閲覧できることなのでしょうか?
Vuexを使うメリットについて質問です。
「Vuex メリット」などで調べるとデータの一元管理などが挙げられている記事が見つかりますが、そのようなことは下記コードでも実装できるかと思います。
Vue.prototype.$selfStore = new Vue({
data: {
count: 0,
},
methods: {
...
2
票
0
回答
294
閲覧数
Webフロントエンドでオブジェクト指向で開発する方法
業務でVue/Vuexを利用しているのですが、OOPに慣れているため、以下の点で違和感や不便を感じます。
・親コンポーネントから子コンポーネントへの通信をデータの変化(props)で行うという基本思想
・コンポーネントのメソッドを外部から呼び出せるが、非推奨であること
・コンポーネントのdataやmethodsなどをprivateにできないこと
・...
2
票
0
回答
214
閲覧数
Vue.js transitionのbefore-leaveでDOMの変更が反映されない
Vue.js transitionアニメーションで、アニメーションと同時に内部のテキストを変更しようとしたのですがうまく反映されません。
以下その再現ソース。
new Vue({
el:'#app',
data:{
show:false,
status:'',
},
methods:{
beforeEnter(el){
...
2
票
0
回答
199
閲覧数
Vue.js(SPA) * Apollo(GraphQL) における状態管理の方法について
Github上でも様々議論がされているようですが、タイトル通り、Vue.jsと vue-apollo を利用した際の状態管理について質問です。
vueとapolloを共存した際、componentの中にgqlを書いてしまうことで、状態管理のメソッドがVue側とApollo側の2つになることが問題となると認識していますが、これに対する現状の手段としては、
Vuexを利用し、...
2
票
0
回答
392
閲覧数
vue-draggableで作成したリストをドラッグすると他の要素のbackgroundが変わる
vue-draggable で作成したドラッグ可能なリスト(ul,liタグ)を、ulタグ以外の場所にドロップすると、別のdiv要素のbackground-colorが変更されてしまいます。
ul,liタグに背景色をつければdiv要素の背景色が変更されることはありません。
ウィンドウサイズを変更したり、もう一度ドラッグするなど別のイベントを発生すると元に戻るようです。
...
2
票
1
回答
419
閲覧数
nuxtjsのホットリロード時のsassコンパイル
main.cssやnormalize.cssのように固定で必ず最初に読み込ませたいsassファイルのコンパイルで困っています。
nuxt-device-detectを使用して、pc/spの表示切り替えを行っているため
vueファイルにstyle記載やimportを行うとpc表示の時にもspのcssが読み込まれてしまうため、cssはレイアウトのheadで読み込ませているのですが、...
1
票
0
回答
85
閲覧数
Nuxt+Expressで取得した画像ファイルの表示ができない
NuxtでサーバからAPI経由で取得した画像ファイルの表示をさせようとしているのですが、何も表示されず。
しかし、開発環境で実行している最中にvueファイルを更新したタイミングなどで、画像が表示されます。
そこでリロードするとまた表示されない状態にはなってしまうという。
レスポンスを見るとデータは取得できているようなのですが、バインディングしている先に表示させるための方法が良くないのでしょうか。
...
1
票
1
回答
57
閲覧数
nux3でcomposableの値を取得したい
components/Heading1.vueはレイアウトに組み込まれています。
pages/page.vueからcomposable/useOperation.vueを経由してcomponents/Heading1.vueのタイトルの値を変更したいのですがタイトル初期値のまま変わりません。
pages/page.vueからh1Textを呼び出すと表示したいタイトルが取得できます。
...
1
票
0
回答
172
閲覧数
vue3を使用してamcharts5のグラフを切り替えたいです
vue3とamcharts5を不慣れなため思ったような挙動をしてくれなくて困っています。
やりたいことは、グラフをボタンで切り替えたいです。
具体手には、ボタンを二つ設置して、データ1がクリックされたら円グラフを描画、その後もう一つのデータ2をクリックしたら同じグラフを使用してデータだけ入れ替えて、再描画したいと考えていて、
コードを書きましたがエラーが出て動きません、...
1
票
0
回答
192
閲覧数
Vue-Routerで切り替えた画面の中にあるVue-Routerでの切替
Vue3にてVue-Routerを使用した画面遷移の実装を考えています。
具体的な.vueファイルや画面構成は以下の通りです。
App.vue: ルートvueファイル
Login.vue: ID/PWの入力欄、ログイン画面
Main.vue: ヘッダーとフッターのある画面
Service.vue: ユーザーが契約しているサービスを選択する画面
Menu.vue: ...
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 ...
1
票
0
回答
545
閲覧数
vue.js で vue-simple-suggest を使用したサジェスト(候補表示)について質問です
環境:
OS: windows10
ブラウザ: chrome
言語:javascript
フレームワーク:vue.js,vue-simple-sugges
vue-simple-suggest というパッケージを使って下図のような駅名候補リストを表示する機能を作成しています。
そこで以下の質問があります。
下図①でIME確定前に vue-simple-sugges が下図③...
1
票
0
回答
233
閲覧数
vue-cli で作ったプロジェクトに外部ライブラリのクラス定数が含まれるクラスをインポートするにはどうしたらよいでしょうか?
環境
$ 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 ...