v-show を使用してテンプレートを切り替える方法を学びます

以下のコードに示すように、v-show または v-if を使用してテンプレートの表示を切り替えようとしています。私が直面している問題は、v-show が遅延条件ではないにもかかわらず、showTemplate を false または true に設定すると、msg の内容が常に表示されることです。 v-showとv-ifの正しい使い方を教えてください。 helloWorld:<templatev-show="showTemplate"><divclass=&qu

P粉680087550 2023-09-12 23:16:59 0  1  589

v-show は非表示にすることはできますが、表示することはできません

v-show 属性を試行すると、false に設定されている場合、インライン スタイルの display:none が追加されますが、true に設定されている場合、display:block は追加されません。 。 。 {コード...}

ringa_lee 2017-05-16 13:36:49 0  7  749

Vuetify v-btn テキストの動作

次のボタンのセットがあります: <template><v-cardcolor="secondary"elevation="6"><v-card-title><v-spacer></v-spacer>Threebuttons</v-card-タイトル ><v-divider></v-d

P粉596191963 2024-03-19 16:20:35 0  1  592

v-for のコンポーネント prop に基づく無効なプロパティ

これがあるとします: <v-btnv-for="actioninactions":key="action.icon":disabled="action.disabled"icon@click="action.click(item.id)"><v-アイコン >{{action.icon}}</v-ic

P粉957661544 2024-03-28 09:44:10 0  1  542

「複合タグを使用した v-select コンポーネント」

<v-selectv-model="pack":debounce="250":options="packs"placeholder="pack":disabled="loading"label="id"></v-select>こんにちは、私はここでv-selectで遭遇しました

P粉610028841 2023-08-30 14:45:13 0  1  588

v-bind: Vue.js の動的値のスタイル

v-bind:style を使用して動的値を使用すると、v-bind:style が機能しないという問題が発生しますが、v-bind:style は正しい値を取得していると確信しています (:style='{ console color:red(any other value)}') となり、style セクションの CSS が正常に反映されます。なぜ v-bind を使用しないのでしょうか?何か案は？ ?どうもありがとう。 <divclass="l-modal"v-if="modalVisible

P粉792026467 2024-03-31 19:46:15 0  2  511

追跡情報の SHOW COLUMNS FROM `sp_dept` を削除する方法

追跡情報の SHOW COLUMNS FROM `sp_dept` を削除する方法

phpcn_u162057 2018-05-05 12:49:14 0  0  1106

v-dialog の連続アニメーションを無効にする

現在、プロジェクトで vuetify の v-dialog コンポーネントを永続タグとともに使用しています。 <v-dialoghide-overlaypersistent><v-card></v-card></v-dialog>persistent 属性により、ユーザーが外側をクリックしてダイアログを閉じることができなくなりました。ただし、ユーザーが外側をクリックすると、バウンス効果が発生します。このバウンス効果を無効にしたいと考えています。

P粉106711425 2023-08-25 17:02:09 0  1  713

v-select コンポーネントの v-select ボックスに選択されたオプションが表示されない

v-select コンポーネントの使用に問題があります。 V-select コンポーネントには選択した項目が表示されません。ドロップダウンにはオプションが表示されますが、選択すると選択ボックスに空白が表示されます。ここに問題があります - ドロップダウンメニューが表示されますが、それを選択した後は何も表示されません。こんな感じで・・・真っ白です。これは私のコードです<template><div><v-selectlabel="broadcast"v-model="broadca

P粉343408929 2023-12-24 22:47:36 0  1  652

v-select の Vue Js v-model に間違った値が表示される

私の v-select にはある種のバグがあり、v-model に変数の実際の値とは異なる値が表示されてしまいます。最初の変更に適用される選択されたオプションを変更するメソッドを使用します。たとえば、False および flag=Y を選択すると、選択したオプションが True に変わります。これは、初めてオプションを選択したときに機能します。その後、値を True から False に変更すると、値は変わりますが、選択したオプションはそのままです。間違い。 <v-colcols="9"><v-selectv-

P粉697408921 2023-08-30 16:52:46 0  1  536

Vuetify 2 の v チェックボックスのホバー効果を無効にする

Vuetify2 の v チェックボックスの上にマウスを移動すると、チェックボックスの後ろに淡色の円が表示されます。表示されないようにしたいです。現在、v-checkbox は v-tab と v-tooltip でラップされています。それが重要かどうかは疑わしいが、可能性はある。 <v-tabv-for="tabinmyTabList":key="tab"><span>{{$t(tab)}}</span&g

P粉826429907 2023-09-03 20:25:54 0  1  691

V-select ラベルと項目のテキストの色を変更する方法

v-select のラベルと項目のテキストの色を変更しようとしましたが、それに対応するプロパティが見つかりません。背景色は変更できますが、v-select 内のラベルやテキスト項目は変更できません。サンプルコードは次のとおりです: <divid="app"><v-appid="inspire"><v-containerfluid><v-rowalign="center&qu"

P粉662361740 2023-08-25 15:05:15 0  1  538

JavaScript - Vue v-if のパフォーマンスの問題。

上記と同様、ループアウトされたコメントです。どちらのタイプであるかを判断するには、上記の内容を表示します。 2 秒ごとにループが変わります。 Ajax はデータを要求しましたが、関係者によると、このような頻繁な切り替えはパフォーマンスに非常に負荷がかかります。ただし、v-show はすべてを表示するため、この場合は使用できません。 ...

某草草 2017-05-18 11:03:09 0  1  890

バックエンド -> インデックス コントローラー -> 左側のメニュー -> foreach ($left as &$v)

foreach($left as &$v) では & は何をしますか?

Jack 2020-02-03 18:37:30 0  0  1276

JavaScript - vue v-for データを取得できません

v-for ループは、queryselectorall {code...} {code...} を使用してデータを取得できません。

淡淡烟草味 2017-06-12 09:31:04 0  4  858

Vuetify v-card は v-col で可能なすべての高さに適合します

vueとvuetifyを使用してログイン/登録ページを構築しています。以下にコードを置きます (私はイタリア人なのでテキストはイタリア語ですが、理解できると思います): <v-rowalign="center"justify="center" class="prova"><v-colcols= " 10"lg="3"md=&q

P粉692052513 2024-04-06 10:29:26 0  1  696

javascript - vue2でv-model変数名を取得する方法

vue2でコンポーネントを開発する場合、コンポーネント内ではv-modelで指定した値をthis.valueで取得できますが、&lt;input v-model='deptNameなどのv-modelに対応する変数名を取得するにはどうすればよいですか' /&gt;、deptName 変数名を取得する方法。

漂亮男人 2017-06-28 09:26:12 0  2  858

JavaScript - elementUi のポップオーバーが v-for レンダリング データ エラーを実行する

ポップオーバーのポップアップボックスを使用する際、親にv-forレンダリングを追加してエラーが出ました、v-popoverの問題かと思います、削除したらhttps://レンダリングできるようになりましたjsfiddle.net/b82hw9Lb/1/

怪我咯 2017-05-19 10:28:31 0  1  841

v-select のオプションに各項目のカウント (.length) を追加します。

v-selectの各項目オプションにAPIからcourse.lengthを追加し、アクティビティベースのフィルターにデータを表示したいと考えています。例: v-select の項目には、online.passed からフィルターされたオプション all(count)、passed(count)、notcomplete(count) など、online.complete からフィルターされたオプションが含まれます。 vue.js テンプレート:<テンプレート><v-selectv-mod

P粉197639753 2024-03-31 21:05:16 0  1  599

v-textarea がフォーカスされているときにショートカット キーが機能しない

少し問題があります。テキストエリアにフォーカスがあると、ボタン上でショートカットキー（プラグイン）を実行できなくなります。 ...=>無関係なコンテンツ<template><div><v-textarea.../><div><v-btnv-shortkey="['esc']"@shortkey="abort">.. .< /v-btn>​​&lt

P粉415632319 2023-09-10 20:28:59 0  1  631