独自の sortable コンポーネントを構築しようとしています。アイテムのリストをデフォルトのスロットに渡したいと考えています。並べ替え可能なコンポーネントは、渡されたすべての項目をカスタム v-draggable
コンポーネントでラップする必要があります。
今、v-sortable
コンポーネントを使用して、カスタム v-draggable
コンポーネントを使用して、指定されたすべてのノードをデフォルトのスロットにラップしようとしています。
私の v-sortable
コンポーネントは次のようになります:
これは期待どおりに動作しますが、カスタム コンポーネント v-draggable
が vue コンポーネントとしてレンダリングされない点が異なります。すべての項目は、
という名前の HTML タグで囲まれます。
v-draggable
コンポーネントを実際に Vue コンポーネントに解決するにはどうすればよいですか?
コンポーネントは render 関数で明示的に指定できます:
リーリーインポートできないグローバルに登録されたコンポーネント (例: サードパーティ ライブラリから) は、
resolveComponent
を介して解決できます。直接インポートして登録して使用してみます:
リーリーアイテムを小道具として渡し、レンダリング関数で直接使用することをお勧めします。
リーリーサブアセンブリ:
リーリー