• [解決済み] Vueコンポーネントで通貨をフォーマットするには?

    質問 私のVueコンポーネントは次のようなものです。 <template> <div> <div class="panel-group"v-for="item in list"> <div class="col-md-8"> <small>

    2022-11-18 05:59:06
  • [解決済み] 計算されたプロパティで $refs を使用する

    質問 どのようにすれば $refs にアクセスするには?computedプロパティが最初に実行されたときは常に未定義です。 どのように解決するのですか? 私はどこにも満足のいく答えを見つけることができなかったので、ここで私自身の質問に答えるつもりです。時には、いくつかの計算を行うためにdom要素にアクセスする必要があります。これが他の人に役立つことを願っています。 私は、コン

    2022-09-24 21:12:04
  • [解決済み] コンテンツがある場合のみスロットを表示する

    質問 スロットにコンテンツがある場合のみ表示させる方法はありますか? 例えば、私は単純な Card.vue コンポーネントを作成しており、フッタースロットにコンテンツがある場合にのみフッターを表示させたいと思っています。 テンプレートです。 <template> <div class="panel" :class="panelType">

    2022-09-11 20:25:27
  • [解決済み] Jest + Vuejsでwindow.location.hrefをモックするには?

    質問 現在、私はプロジェクトのためにユニットテストを実装しており、以下のようなファイルがあります。 window.location.href . これをモック化してテストしたいので、サンプルコードを示します。 it("method A should work correctly", () => { const url = "http://dummy.com";

    2022-07-31 20:12:15
  • [解決済み] 属性内の補間が削除されました。v-bindかコロンの省略記法を使用してください "を解決するには?Vue.js 2

    質問 私のVue.jsコンポーネントはこのようなものです。 <template> <div> <div class="panel-group" v-for="item in list"> ... <div class="panel-bod

    2022-07-31 14:40:31
  • [解決済み] vue.jsファイルにコメントを付けるには?

    質問 vue.jsのファイル内に、今後の参考のためにコメントを挿入する必要があるのですが、docsにその方法が載っていません。 私は試してみました // , /**/ , {{-- --}} そして {# #} などがありますが、どれもうまくいかないようです。 私はLaravelのブレードを使用しています。そこで、これは sample_file.vue : <tem

    2022-07-28 09:54:47
  • [解決済み] Vue.js - シングルファイルコンポーネントでヘルパー関数をグローバルに利用できるようにする

    質問 Vue 2のプロジェクトで、多くの(50以上)の シングルファイルコンポーネント . 私はルーティングのためにVue-Routerを使用し、状態のためにVuexを使用しています。 というファイルがあります。 helpers.js というファイルがあり、文字列の最初の文字を大文字にするような汎用的な関数の束を含んでいます。このファイルは次のようなものです。 export

    2022-06-27 20:09:24
  • [解決済み] Vueの「エクスポートデフォルト」と「新しいVue」の比較

    質問 Vueをインストールしたばかりで、いくつかのチュートリアルに沿って、vue-cli webpackテンプレートを使ってプロジェクトを作成しています。コンポーネントを作成するとき、私はそれが次の内部に私たちのデータをバインドしていることに気づきました。 export default { name: 'app', data: [] } 他のチュートリアルでは、データ

    2022-05-03 05:12:09
  • [解決済み] Vueアプリのビルドを生成するには、どのコマンドを使用すればよいですか?

    質問 を開発した後、どうすればいいのでしょうか? Vue アプリに vue-cli ? で アンギュラー は、すべてのスクリプトを1つのスクリプトにバンドルするコマンドをいくつか持っていました。 にも同じようなものがあるのでしょうか? ビュー ? 解決方法は? このようにプロジェクトを作成されていると思います。 vue init webpack mypr

    2022-04-30 09:15:23
  • [解決済み] Vue.js:各コンポーネントインスタンスにユニークなIDを設定するには?

    質問 Vue.jsでラベルと入力を含むコンポーネントを作りたいのですが、例えば。 <label for="inputId">Label text</label> <input id="inputId" type="text" /> 各コンポーネントインスタンスに一意のIDを設定するにはどうすればよいですか? 解決方法は? 各コンポーネントに

    2022-04-28 20:07:56
  • [解決済み] vuejs ルータのオプションのパラメータ

    質問 あるコンポーネントに2つの方法でルーティングする必要があります。1つはパラメータ付き、もう1つはパラメータなしです。オプションのパラメータについて検索してみましたが、あまり情報が見つかりません。 だから私のルートは { path: '/offers/:member', component: Offers, name: 'offers', props

    2022-04-23 17:03:23
  • [解決済み] Vue CLI CSSプリプロセッサーオプション:dart-sass VS node-sass?

    質問 CLI(v3.7.0)で新規プロジェクトを作成する際、以下のどちらかを選択するオプションがあります。 dart-sass または node-sass コンパイラを使用します。 で宣言されたものよりも具体的に言うと、これらはどのように比較されるのでしょうか? Vueのドキュメント ? <ブロッククオート Sassのパフォーマンスに関するヒント Dart Sa

    2022-04-21 20:18:10
  • [解決済み] Vueプロジェクトにおけるviewsフォルダとcomponentsフォルダの違いは何ですか?

    質問 先ほど、コマンドライン( CLI ) を使って、Vue.js プロジェクトを初期化しました。このとき CLI を作成しました。 src/components と src/views フォルダーに格納されます。 Vueのプロジェクトに携わるのは数ヶ月ぶりなので、フォルダ構造が新鮮に感じられます。 とはどのような違いがあるのでしょうか? views と compone

    2022-04-17 22:46:44
  • [解決済み】Vuex - ミューテーションに複数のパラメータを渡す

    質問 vuejsとlaravelのpassportを使ってユーザー認証をしようとしています。 アクションで複数のパラメータをvuexのミューテーションに送信する方法がわかりません。 - ストア export default new Vuex.Store({ state: { isAuth: !!localStorage.getItem('token') },

    2022-04-15 21:31:27
  • [解決済み】Vuejs:ルート変更時のイベント

    質問 メインページで、ドロップダウンを使用しています。 v-show=show リンクをクリックすると @click = "show=!show" を設定したいのですが show=false ルート変更時に どうすれば実現できるか教えてください。 どのように解決するのですか? を設定します。 ウォッチャー を使用します。 $route をコンポーネント内でこのように

    2022-04-14 10:37:17
  • [解決済み】Vue.jsの別ページへのリダイレクトについて

    質問 でリダイレクトを行いたい。 Vue.js バニラ・ジャバスクリプトと同じように window.location.href = 'some_url' Vue.jsでこれを実現するにはどうしたらいいでしょうか? どのように解決するのですか? を使用している場合 vue-router を使用する必要があります。 router.go(path) をクリックすると、特定のル

    2022-04-14 01:48:36
  • [解決済み】他のアクションの中からアクションを呼び出す

    質問 アクションを以下のように設定しています。 get1: ({commit}) => { //things this.get2(); //this is my question! }, get2: ({commit}) => { //things }, あるアクションを別のアクションの中から呼び出せるようにしたいので、この例では get2() の中から

    2022-04-12 16:26:10
  • [解決済み】Vue2でデバウンスを実装するには?

    質問 Vueのテンプレートに簡単な入力ボックスがあるのですが、以下のようにdebounceを使いたいと考えています。 <input type="text" v-model="filterKey" debounce="500"> しかし debounce プロパティが Vue 2 で非推奨となった . 推奨は、 "use v-on:input + 3rd part

    2022-04-10 11:13:55
  • [解決済み】Vueのデータからhrefに値を渡すには?

    質問 このようなことをしようとしています。 <div v-for="r in rentals"> <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> </div> の値をどのように追加すればよいのかがわかりません。 r.id の末尾にある href 属性を使用して、API

    2022-04-08 22:08:47
  • [解決済み】@clickとv-on:clickの違い Vuejs

    質問 質問は十分に明確であるべきです。 でも、誰かが使っているのはわかるんです。 <button @click="function()">press</button> 誰かが使う。 <button v-on:click="function()">press</button> しかし、本当にこの2つの違いは何なのでしょうか(も

    2022-04-07 20:37:47