問題タブ [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 - Vue 動的コンポーネント トリガー アニメーション
説明
私が挿入されたプロジェクトでは、ほとんどのアクションはアイコンを介して実行されます。そのため、ボタンの基本コンポーネントを持ち、小道具を介して渡されるアイコンを動的にインポートするコンポーネントを作成しました。
私が直面している問題は、アイコンをアニメーション化することです。
目的は再生/一時停止を切り替えることであり、期待される結果は次のとおりです(バーの配置は気にしないでください。私はまだアニメーションを扱っています)
ただし、このコンポーネントを介してアイコンを呼び出すと、middlewareプロパティの切り替え時にコンポーネントが常にレンダリングされるため、アニメーションは実行されません isPaused。
を使用してみkeep-liveましたが、レンダリングされませんが、アニメーションは実行されません。
私は何が間違っている可能性がありますか、それともより良い代替手段がありますか?
コード
コンポーネントを呼び出すmidleware
成分midleware
結果
私が欲しいもの
現時点で持っているもの
私が今持っているもの - とkeep-live
vue.js - Promise で Vue 動的コンポーネント テンプレートが機能しない
参照：
https://medium.com/scrumpy/dynamic-component-templates-with-vue-js-d9236ab183bb
コンソールは、「this.loader() is not a function」または「this.loader().then」は関数ではありませんというエラーをスローします。