BinaryDevelop
  1. ホーム
  2. Web プログラミング
  3. ジャバスクリプト
  4. javascriptのクラスライブラリ

vueにおけるv-forループオブジェクトのプロパティ

2022-01-13 01:33:45

1. ループオブジェクトの中の値 

<body>



    <div id="app">

        <! -- value inside the loop object -->

        <ul>

            <li v-for="item in per">

                {{item}}

            </li>

        </ul>

    </div>



    <script src=". /js/vue.js"></script>

    <script>



        let vm =new Vue({

            el:'#app',

            data:{

                per:{

                    id:1,

                    name:'Xiao Ming',

                    age:19,

                    sex:"male"

                }

            }

        })

    </script>

2. ループペア

3. ループのキーと値 

<! -- Loop keys and values -->

        <ul>

                    <! --value key -->

            <li v-for="(value,key) in per">

                {{value}}--{{key}}

            </li>

        </ul>

この時点でこの記事の vue で v-for ループオブジェクトのプロパティについての記事は以上ですが、さらに詳しく v-for スクリプトハウスの過去の記事を検索していただくか、引き続き以下の関連記事を閲覧していただき、スクリプトハウスを応援していただければと思います

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します