AntDesign Vue のテーブルを編集できない場合はどうすればよいですか? (解決策を記録します)

Ant Design Vue のテーブルを編集できない場合はどうすればよいですか?次の Vue.js 列では、テーブルを編集できない問題の解決策を記録し、共有します。皆様のお役に立てれば幸いです。

Ant Design Vue テーブルを編集できない解決策

簡単な要件: テーブル内のコンテンツ (シーケンス番号など) を直接編集します

#しかし、まだ編集できません。長時間確認した結果、問題は

テーブルにバインドされている配列データにあることが最終的にわかりました。レスポンシブ rreee

レスポンシブにする必要があります。

const data = [
    { key: '1', name: 'John Brown', age: 32 },
    { key: '2', name: 'Jim Green', age: 42 },
    { key: '3', name: 'Joe Black', age: 33 },
  ];

Ant Design Vue 前のテーブルにバインドされた配列データ

は、ref を使用しません。これらの例を適用した後にテーブルを編集する場合は、必ず ref を追加する必要があります。

参照用に開始テーブルのコードを添付します。

const data = ref([
    { key: '1', name: 'John Brown', age: 32 },
    { key: '2', name: 'Jim Green', age: 42 },
    { key: '3', name: 'Joe Black', age: 33 },
  ]);

Ant Design Vue の編集テーブル サンプルのフル バージョンでは、実際に ref

# を使用します。 ##[関連する推奨事項:「

vue.js チュートリアル

」]

以上がAntDesign Vue のテーブルを編集できない場合はどうすればよいですか? (解決策を記録します)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。