查看: 79|回覆: 0

[FE] uni-app Grid 宫格组件 uni-grid 用法

[複製鏈接]

2

主題

0

回帖

0

積分

热心网友

金币
0
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2011-6-19
發表於 2020-10-19 23:16:00 | 顯示全部樓層 |閲讀模式

 

文档上的描述是比较简陋的,不明所以。

 

核心就是两块内容,一个是 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>

 

Refer:uni-app官方组件

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

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



来源:https://www.cnblogs.com/farwish/p/13843893.html
回覆

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注册

本版積分規則

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部