Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

RSS
  • 受付中

    回答
    2

    Vue js 単一コンポーネントに別のコンポーネントの登録

    LaravelにてVueを使用しています app.jsに Vue.component('foo',require('./foo.vue'); というコードをかけばコンポーネント登録ができることは知っています。 ただ、コンポーネントが多い場合全部app.jsに登録するのは違うんじゃないかと思いました。 そこで、親子関係にあるコンポーネントの場合、そ

    • 0評価
    • 22PV
    yhg yhg 2時間前に 回答
  • 受付中

    回答
    1

    Vueをやり初めて見慣れない記法がありました

    vue.jsの勉強中 vue.jsに見慣れない記法が存在しました。 それこそがcomputed演算子でした。computedは変数や関数自身に 連動して、functionを連鎖的に実行する文法ですが、チェーンのように 一繋がりになっているのは良いことです。しかし 連鎖的にトリガーが入るのは 良いのですが、連鎖反応自体を止める方法が判りません。 c

    • 0評価
    • 63PV
    euledge euledge 5時間前に コメント
  • 受付中

    回答
    0

    Google chromeでdebugをしていますが何かと不便で

    Google chromeでdebugをしていますが何かと不便で new Vue({})にbreak pointを置けるのですが、 Vue.component({})に置けないでいます。 ブレイクポイントを置こうとすると所定の 位置にどうしても置けません componentのブレイクポイントの置き方が判りません エラーメッセージ 特になし

    • 0評価
    • 52PV
    teratailが8時間前に アップデート
  • 受付中

    回答
    1

    bootstrap navbarにvue.jsのモーダル開く実装 → pointer: cursor...

    現状 Laravel5.5, vue.jsを使用しアプリを開発中 問題点 navbar部分で一つmodalを開くように実装(contact部分) <div class="collapse navbar-collapse" id="app-navbar-collapse"> <ul class="nav navbar-nav">

    • 0評価
    • 75PV
    mskgjtnn mskgjtnn 1日前に 回答
  • 受付中

    回答
    1

    vuepressのビルド後のcss, jsのファイルネームは変更できないのか

    vuepressのビルド後のファイルネームは変更きかないものなのでしょうか?(Percelのように...) configの設定にもそれらしいものは見当たらず、stylus-loaderのオプションかとも思ったのですが、stylus-loaderのGithubを見ても恥ずかしながらなんのオプションがあるのか読めませんでした...。 違う場所で変更きかせ

    • 0評価
    • 62PV
    monopory monopory 2日前に コメント
  • 解決済

    回答
    1

    vue-routerのbeforeEachを書く場所

    vue-routerにてbeforeEachを使う場合、以下のように使われるかと思います。 const router = new Router({ routes: [...] }) router.beforeEach((to, from, next) => { ... }) export default router これできちんと動いている

    • 0評価
    • 47PV
    kamome283 kamome283 2日前に コメント
  • 受付中

    回答
    0

    AWSにデプロイしたいのにエラーが出ます

    環境 Amazon Linux 2 ruby :2.4.0 rails : 5.1.6 webpack :3.1.2 vue :2.9.3 参考 https://qiita.com/naoki_mochizuki/items/657aca7531b8948d267b 試したこと ターミナル上で下記を実行しました。 cap production de

    • 0評価
    • 52PV
    teratailが3日前に アップデート
  • 解決済

    回答
    1

    Vue.js clickイベントに対してclassを外したらHTML要素そのものが非表示になる

    以下のコードで、 クリックイベントを設定した画像をクリックした時に、2つ目の画像に特有のclass: classAの付け替え操作を行いたいのですがaTrue : falseの時に img2が非表示になります。 逆に、trueにすると2つとも正常に表示されます。 原因がわかる方、いないでしょうか。 尚.classA には座標変更のスタイルのみを付与しており

    • 0評価
    • 49PV
    yzmw131321 yzmw131321 4日前に ベストアンサー
  • 解決済

    回答
    1

    LaravelとVue.jsでChat機能

    いつもお世話になっています 早速ですが質問させていただきます 現在,laravelとVue.jsでchat機能を実装使用しようと思っています 最終的にはLaravel echoやPusherで全体に反映するのですが問題はその前段階のVue.jsです 多くのサイトでは https://hoge.com/chat にアクセスして、Vue.jsのc

    • 0評価
    • 77PV
    euledge euledge 4日前に ベストアンサー
  • 受付中

    回答
    2

    画像の重なりをユーザーの操作により解除できる方法はないか。 vue.js

    Vue.js で、図のような機能を実装したいです。 この機能を実装する方法がわからないので質問させて頂きます。 ❶の状態では、3枚のdiv要素が重なって並んでいます。 奥に行くほど最初の幅は短くなっていますが、高さは全て同じです。 ❶の状態で最も手前の要素を下にスクロールすると、下に移動し、 div 1要素+α分だけ スクロールした段階で次の要

    • 0評価
    • 99PV
    keisukeh keisukeh 4日前に コメント
  • 解決済

    回答
    2

    vue.jsでli要素にactiveをつける

    実現したいこと 選択したリストにactiveのクラスをつけたいです。 選択中に他のliをクリックしたら、他のliにactiveを付け替えるものを想定しています。 :class = {active: index == }で比較するにも、比較できる要素がないので困っています... ご存知の方がいらっしゃいましたらご教示頂けると幸いです。 よろしくお願いします。

    • 0評価
    • 64PV
    mojao_0227 mojao_0227 4日前に コメント
  • 解決済

    回答
    1

    カスタムコンポーネントでのv-modelについて

    質問したいこと 子コンポーネントに配列(またはオブジェクト)を渡し、子で値を変更し親に返したい。 v-modelを使えばいいと思うが、配列でのv-modelの使い方がわからない。 実装していること vue.jsの公式でのSVGグラフをリファクタリングしています。 <div id="demo"> <svg width="200" height=

    • 0評価
    • 59PV
    euledge euledge 1日前に ベストアンサー
  • 受付中

    回答
    1

    【Vue.js】特定のclassを持つ要素全ての合計値を算出して表示したい。

    タイトルの通りです。 クラスでなくても良いので共通する属性、属性値が一致する要素が変更された場合、算出プロパティによる同期をしたいというのが目的です。 下記の要素郡があります。 <div id="inputArea"> <input type="number" v-model="item_0" class="im-item" /> <input

    • 0評価
    • 82PV
    yhg yhg 5日前に 回答
  • 解決済

    回答
    1

    jspにnuxt.jsで静的生成したhtmlを書き込む

    大変支離滅裂な質問になってしまい申し訳無いです。 今度サーバーサイドがJAVAでjspをViewに使用するWebアプリケーションのjsp部分の製作をすることになりました。 しかし自分は普段Vueなどのnodejsで動くフレームワークを触っているので、jspや素のJavaScriptはあまり得意ではありません。コンポーネント化しての開発も魅力的なVue.jsの

    • -1評価
    • 185PV
    euledge euledge 6日前に コメント
  • 受付中

    回答
    1

    Heroku上でWebSocketを実装したいが...

    前提・実現したいこと Heroku上でWebSocketをRails(APIサーバ)とVue(クライアント. vue-cliで作成)で実装したい 発生している問題 様々な方法が見受けられるが、WebSocketの実装はRails側もVue側もどちらも必要なのか。または片方のみで良いのか 環境 APIサーバとクライアントサイドをそれぞれのdyno

    • 0評価
    • 49PV
    toptop toptop 6日前に コメント
  • 解決済

    回答
    1

    画像のv-bindができない

    下記のコードのimageタグで、worksのskillsの1つ目の画像をバインディングさせたいです。 しかし現在moduleエラーが出ています。 どのようにimageタグの中を書き換えたら良いでしょうか? <ul class="works__list"> <li v-for="(work, i) in works" class="wor

    • 0評価
    • 56PV
    Manamin Manamin 6日前に ベストアンサー
  • 解決済

    回答
    1

    vue.jsにてcomponentに描画する内容を連想配列のidで切り替えたい

    お世話になっております、皆様のお知恵を賜われたらと思い質問させていただきます。 今回vueトレーニングとして、こちらのElectronの入門書にて紹介されているchatアプリ(本書内ではReactにて実装)をvueで実装するトレーニングをしています。 vue init vue_tutorial webpackにて立ち上げたデフォルトのコンポーネントです。

    • 0評価
    • 81PV
    TatsuyaAkitsu TatsuyaAkitsu 1週間前に ベストアンサー
  • 解決済

    回答
    3

    v-showによるdisplay:noneの解除

    質問したいこと v-showを用いてcssで書かれたdisplay:noneを無効にできるか。 実現したいこと bulma(cssフレームワーク)とvue.jsを用いてmodalを実装しようとしたところ bulmaのmodalクラスには初期からdisplay:noneが設定されていた。 このため、v-showの切り替えではうまく動かなかった。(v-i

    • 0評価
    • 118PV
    aruto aruto 1週間前に コメント
  • 受付中

    回答
    1

    Vuejsで画面に要素が表示されたときにフェードインしたい

    要素が表示されたら、その要素をフェードインしたいです。 構成としては以下の通りです。 section section このとき this.$el.getBoundingClientRect().top で要素の高さを取得したいのですが、さらに上に表示transitionで表示されたものがあると mounted(){ th

    • 0評価
    • 95PV
    yumiyumi220 yumiyumi220 1週間前に コメント
  • 解決済

    回答
    1

    Vuejsで単一ファイルコンポーネントで要素の高さを動的に取得したい

    要素の高さを取得するthis.$el.get...はmountedでしか使うことができません。 それによってフェートインや他の効果によって高さが変わるとmountedで取得した値とずれてアニメーションがうまくいきません。 どのようにすれば取得できるでしょうか?

    • 0評価
    • 82PV
    yumiyumi220 yumiyumi220 1週間前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    338

  • 総質問数

    516

  • 今週の質問数

    13

タグ別ランキング

タグ別ランキング

タグ別ランキング

関連するタグ

Vue.jsタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る