問題タブ [vue-dynamic-components]
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.
vue.js - Vue3 でライフサイクル フック beforeDestroy が発行されない
vue3 beta 18 を使用していますが、v-for で動的コンポーネントによってレンダリングされたコンポーネントを削除すると、beforeDestroy が出力されないことがわかりました。
どちらも無効化されず、破壊されません。
コレクション「windows」からコンポーネントを削除すると、コンポーネントは「消えました」。
javascript - 動的コンポーネントが TypeError: Cannot read property '__esModule' of undefined を返す
私は大まかにこの記事に従って、 vueコンポーネントをasp.netコアwebapiから動的にインポートしようとしています
MyComponent.vue
このコマンドで .umd.min.js に変換しました:
コンポーネントをインポートすると、Everythnig は正常に動作するように見えますが、アプリには表示されず、コンソールに次のエラーが表示されます。
私は何を間違っていますか？
umd.min.js 出力:
メイン ビュー コンポーネント
外部コンポーネント.js
javascript - 計算されたオブジェクト内のオブジェクト プロパティを取得すると、オブジェクト自体ではなく未定義になるのはなぜですか? このコンテキストでは、どのアプローチがより適していますか?
私の挨拶。
文脈を説明すると、この質問をする目的は、<app-selector>Vue コンポーネントの選択されたオプションに基づいて、フォーム内の子コンポーネントを単純でばかげたものにレンダリングできるようにすることです。
簡単にするために。私が理解しようとしていることを明らかにするために、ここにスニペットを作成しました。基本的に、目的は、計算されたプロパティを使用してレンダリングされるコンポーネント名を取得することですcardTypeComponent。ただし、cardTypeComponent最初の戻り値 ( return this.form) がオブジェクト ( this.form) に必要なプロパティ( ) を与えているcard_typeのに、2 番目の戻り値 ( return this.form.card_type ? this.form.card_type + 'Compose' : '') が最初の戻り値this.form.card_typeを見てundefined、実際にはそれをundefined.
オプションが選択されると、this.formオブジェクト内の値を設定する前にサーバーからの検証プロセスがあるため、より多くのコンテキストがあります。さらに、フォームの相互作用はステップを介して行われるため、ユーザーがオプションを選択すると、ボタンをクリックして、選択したタイプカードに対応するフォームフィールドに到達する必要があるため、ユーザーが最初にコンポーネントをレンダリングすることはありません。スニペットアプローチのようにオプションを選択します。しかし、それは私が求めていることを絡ませます。事前に感謝します。
以下の Fiddle リンクを使用することをお勧めします。