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