問題タブ [vuejs3]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - VueJS props - 「クラス」属性の継承を回避するにはどうすればよいですか?
VueJS はNon-Prop Attributesを自動継承します。これは data-* 属性に最適です。
しかし、新しい開発者によるレイアウトの変更からコアコンポーネントを保存するために、「クラス」と「スタイル」の属性を継承したくありません (スタイルファイル内のコンポーネントのすべてのスタイリングが必要なため)。
inheritAttrs: false「非小道具属性」の継承を避ける必要がありますが、次のとおりです。
注: このオプションは、クラスとスタイルのバインディングには影響しません。
https://vuejs.org/v2/api/#inheritAttrs
コアコンポーネントで「クラス」と「スタイル」の継承を避けるための提案はありますか?
アップデート：
推奨される解決策:
ただし、コンポーネントの属性に依存する場合、推奨される解決策はさらに複雑になります。
更新[2018 年 5 月 20 日]:
VueJS のチャット チャネル経由で回答を得ました - https://discordapp.com/channels/325477692906536972/325479107012067328
解決済み JSFiddle - https://jsfiddle.net/53xuhamt/28/
更新[2021 年 4 月 28 日]
Vue3 では、次の方法で属性の継承を無効にすることができました。
Vue3 Doc - https://v3.vuejs.org/guide/component-attrs.html#disabling-attribute-inheritance
javascript - Vuejs:非同期インポートの読み込みで小道具の値を設定するには?
インポートした非同期コンポーネントの読み込みコンポーネントを設定しようとしています。これは機能しますが、マウントする前にこのコンポーネントの「色」小道具を変更します。どうすればそれを達成できますか?
とにかく小道具の色に変更しようとしましたが、うまくいきません。ご協力いただきありがとうございます ！