Vuetifyで’rows-per-page-text’ has been removed, use ‘footer-props.items-per-page-text’

今回はVuetifyを使用しているときに

というエラーが起きた時の対処法についてご紹介いたします。



Vuetifyで’rows-per-page-text’ has been removed, use ‘footer-props.items-per-page-text’

エラーメッセージに書かれている通りです。
Vueitfyでv-data-tableを使うときにrows-per-page-textを使うことがあると思いますが、rows-per-page-textはVuetifyの2系では廃止されており、Vuetifyの2系では代わりにitems-per-page-textを使うことが推奨されています。

rows-per-page-textが使われていた箇所をitems-per-page-textに差し替えればOKです。
エラーが解消されます。

終わりに

今回はVuetifyで表題のエラーが出たときの対処法についてご紹介いたしました。

最後までお読みいただきありがとうございます。
ブログやTwitterでのシェアOKです。
コメントもお待ちしております。
誤植や勘違いなどございましたらコメント欄にて教えていただけると幸いです。






Veutify

Posted by ちこ