Vue 3 構成 API の双方向フォーム データ バインディング

Question

vue でオプション API から構成 API に移行し始めています。

双方向バインディングを実装しようとしている次のコード ブロックがあります。

スライダー入力に ant-design-vue ライブラリを使用しています。 スライダー値を入力フィールドにバインドしてみます。

リーリー

上記のコードを使用すると、vue 開発ツールでチェックインしても inputValue1 の値は変わりません。

vue 3 組み合わせ API で 2 つのバインド方法を使用するにはどうすればよいですか?

サンドボックスへのリンク: https://stackblitz.com/edit/vue-pchhub?file=src/App.vue

Answer 1

これを機能させるには、v-model:value="..." を使用する必要があるようです。

リーリー