uni-app 的 Grid  自定义 点击事件的返回值
顺便写一下怎么绑定值和注册点击事件

先在 script 添加引用

import uniGrid from '@/components/uni-grid/uni-grid.vue';

 然后在export default  添加申明

export default {
	components: {
		uniGrid
	}

}

再添加标签 

```
<uni-grid :options="data1" :show-out-border="false" @click="onClick" />

// data1 自定义图标集合
//:show-border="false" 是否显示边框属性
// onClick 点击事件
```

1.修改 data1 值
比如 要点击返回URL

先修改data1 添加 URL 

2.修改 组件源代码


找到 
methods:下面的onClick事件 修改如下

```
methods: {
    onClick(index, num) {

        this.$emit('click', {
                URL : this.gridGroup[index][num].URL
            })
        }
    }
```


然后页面上


就可以打印出 URL

Logo

前往低代码交流专区

更多推荐