[FE] uni-app Grid 宮格組件 uni-grid 用法

　　

文檔上的描述是比較簡陋的，不明所以。

 

核心就是兩塊內容，一個是 uni-grid 可以加 change 事件；另一個是 uni-grid-item 上面 index 屬性值會作為 change 指定函數的參數一部分返回，格式是 {detail:{index:0}}

 

舉例，局部代碼如下：

<uni-grid :column="3" @change="gridClicked">
    <uni-grid-item v-for="item in list" :index="item.id">
        <text class="text">{{ item.name }}</text>
    </uni-grid-item>
</uni-grid>

<script>
    methods: {
       gridClicked (e) {
            console.log(e)
       }
   }
</script>

 

Doc：https://ext.dcloud.net.cn/plugin?id=27

Link：https://www.cnblogs.com/farwish/p/13843893.html