uni-app 的 Grid自定义点击事件返回值
uni-app 的 Grid 自定义 点击事件的返回值顺便写一下怎么绑定值和注册点击事件先在 script 添加引用import uniGrid from '@/components/uni-grid/uni-grid.vue';然后在export default 添加申明export default {components: {uniGrid}}...
·
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
更多推荐
已为社区贡献3条内容
所有评论(0)