ホームページ  >  記事  >  ウェブフロントエンド  >  Vue-Beautyとは

Vue-Beautyとは

coldplay.xixi
coldplay.xixiオリジナル
2020-11-10 09:36:423012ブラウズ

Vue-Beauty は、非公式コンポーネントから公式コンポーネントへの遷移状態プラグインとして [ant-design-vue] より前に誕生した [ant-design] スタイルの vue コンポーネント ライブラリです。

Vue-Beautyとは

【関連記事のおすすめ: vue.js

vue-beauty は、 ant-design スタイルの vue コンポーネント ライブラリは、ant-design-vue よりも前に誕生しました。非公式コンポーネントから公式コンポーネントへの移行状態プラグインとして、dateTable コンポーネントの使用記録を示します。

dateTableはサーバーから非同期で取得したデータ一覧を表示するために使用します。

基本的な使い方は公式ドキュメントを参照してください:

Vue-Beautyとは

使用上の注意点は次のとおりです:

戻り値 データ形式は、公式ドキュメントに記載されているフィールド例に従って返される必要があります。そうでない場合、dataTable は値を取得できません。また、返されるオブジェクトは Promise オブジェクトである必要があります。

   {
        "result":[
            {
                "name": "高级动物",
                "time": "03:37",
                "singer": "窦唯",
                "album": "摇滚中国乐势力"
            },
            {
                "name": "谁伴我闯荡 - (电影《Beyond日记》插曲)",
                "time": "04:13",
                "singer": "Beyond",
                "album": "25周年精选"
            },
            .....
        ],
        "totalCount":11,
        "pageSize":10,
        "pageNo":1
    }

HTML5はキャメルケース記述に対応していないため、タグ内に公式APIを記述する場合は必ずダッシュ接続に変更してください。 pageSize を例に挙げます。

Vue-Beautyとは

page-size の形式で記述する必要があります

<v-data-table ref="xtable" :data=&#39;loadData&#39; :columns=&#39;columns&#39; :page-size="pageSize">
  • dataTable の reload メソッドテーブルの最初のページから直接読み取ります。ページの読み込みが開始されます。

  • dataTable の pageSize は、pageSizeOptions 配列に設定する必要があります。そうしないと、テーブルの表示に問題が発生します。 page

  • すべてのコンポーネントではありませんすべてのイベントがサポートされています。どのイベントをサポートする特定のコンポーネントについては、公式 Web サイトの API

を確認する必要があります。 ##関連する無料学習の推奨事項: javascript (ビデオ)

以上がVue-Beautyとはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。