質問するログイン新規登録

Q&A

解決済

1回答

2660閲覧

@nuxtjs/deviceを<script>内で使用したい

Khy

総合スコア118

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

0グッド

0クリップ

投稿2020/04/01 16:16

編集2020/04/01 16:16

0

0

Nuxt.jsで@nuxtjs/deviceというデバイスを判定するモジュールを使用しております。

このモジュールを<script>内で使用したいのですが、どのようにしたら使えるのかがわかりません。
以下のようなコードを書いてみましたが、機能しませんでした。

どなたか分かる方、ご教授願えませんでしょうか?

vue

1<script> 2import $device from '@nuxtjs/device' 3 4export default { 5 mounted() { 6 if($device.isDesktop) { 7 // ここにパソコンからアクセスした際のみ実行する処理を書きたい 8 } 9 } 10} 11</script> 12

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

guest

回答1

0

ベストアンサー

このような書き方では、だめですか?

<script> export default { modules: [ '@nuxtjs/device', ], mounted() { if($device.isDesktop) { // ここにパソコンからアクセスした際のみ実行する処理を書きたい } } } </script>

投稿2020/04/02 00:33

minrara

総合スコア55

Khy

2020/04/03 02:14

ご回答ありがとうございます! はい、'$device' is not definedとなり、動きませんでした...
Khy

2020/04/03 02:18

$device.isDesktopをthis.$device.isDesktopにしたらいけました! ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.25%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問