vuetify.js

1熱

2答えて

こんにちは、私はvue-cliを使用してVuetifyアプリを作っているとvue init vuetifyjs/webpack-advanced結果のコードは、このhttps://github.com/vuetifyjs/webpack-advanced/tree/master/template である私が持っている問題は、私の生産アプリは、サーバーのルートにはないということです、それがありますs

0熱

1答えて

vuetifyのテキストフィールドでマスクを使用するには？

以下の例のように、テキストフィールドコンポーネントのmaskプロパティを使用しようとしています。ビューでは、それは魅力的なように機能しますが、フォームがポストされると、マスクフォーマットは値を保持しません。たとえば、「000.000.000-00」と入力すると、投稿されたフォームの値は「00000000000」になります。どのようにフォーマット値を保持できますか？ <v-text-field

2熱

1答えて

vue v-modelの後に@clickを実行します

todo.completeに基づく状態のチェックボックスがあります todo.save()はデータベースに現在の完全な値を維持します。しかし@clickは、私はそれを動作させるために、このようにそれをしなければならないVモデルバインディングアップデート前にtodo.complete <v-checkbox v-model="todo.complete" @click="todo.save()" :

0熱

1答えて

同じファイルを選択したときにVueJSファイルの読み込みを再実行

私が達成しようとしているのは、ファイルを選択してその内容を新しいダイアログボックスで読み込むことです。私は試してみる前に、以前に読み込まれたファイルと同じファイルを選択し、別のファイルを選択すると完全に動作します。動作するように見えるファイル入力をクリアしようとしましたが、それでもファイルを再度選択しません。下記の私の例を参照してください。 Codepen new Vue({

3熱

1答えて

Vue + Vuetify + vue-router：ページに基づいてツールバーの内容を変更する

Vuetifyはメニュー、ツールバー、コンテンツ、およびフッターを含むかなり柔軟なレイアウトスキームを備えています。 Google Contacts：は、レイアウトの標準設定を考えてみましょうは、サイト全体の固定メニューが、表示されるページで変化する動的ツールバーで、ルータによって制御されます。どのページが表示されているかに応じてツールバーのコンテンツを変更するためのベストプラクティスは何ですか

0熱

1答えて

vue-router、動的IDのルートを更新できません

私のvue-routerに問題があります。ルータの一部をコピーして表示し、ルータビューを使用しているコンポーネントの一部もコピーしました。ご覧のとおり、私は小道具が$ router.paramsを渡す高度な方法だと私が理解しているので、小道具を使用しています。また、これはネストされたルータビューです。入れ子になったルートとの間でやりとりすることはできますが、リフレッシュをクリックすると、コンソール

7熱

3答えて

Vuetifyを使用して、ページを印刷しようとすると最初のページのみが表示されます

Vuetifyを使用してアプリを構築しました。ページの1つが注文に使用されており、ユーザーが印刷できるようにしたいと考えています。問題は、私はページ内のスクロールを持っている場合、最初のページだけがスクロールバーで表示されていることである：私はそれが印刷のために他のすべてのページを表示することができますどのように？ UPDATE 私は印刷のために、このCSSを使用する場合、私は、メインセクシ

2熱

1答えて

v-クロークを無視してVuetify

Vuetifyを使用しているときにコンテンツの最初のフラッシュ問題を防ぐことはできません。私はこれまで、通常のv-cloakソリューションでこれを達成しましたが、何もUIライブラリなしでVueを使用していますが、Vuetifyで動作しない何らかの理由でJSが読み込みを完了する前にまだ非構造化コンテンツのフラッシュを取得しています。私はこのことで（さえインラインdisplay: noneを試してみ

0熱

1答えて

V-selectの項目 - テキスト内の2つの項目を連結してVoyetify

v-selectの項目 - テキストフィールドに2つの項目を連結する方法はありますか？ドロップダウンリストの値に対して機能していますが、表示されているエントリには2つのフィールドが表示されません。問題はここにある：アイテムテキスト= " '$ {data.item.name}、$ {data.item.group}'" コード： `<v-select label="Select" v-bind

0熱

1答えて

このv-tab Vuetify.jsコンポーネントはどのように動作させることができますか？

私はthisv-tabsコンポーネントをページに追加しました。例ではコンポーネントにバインドされるデータのわずか1ブロック（text）は、（すべての3つのタブがこのtextデータを表示）があります： <template> <v-tabs fixed centered> <v-tabs-bar class="cyan" dark> <v-tabs-slider cl