uni-app zc-grid九宫格添加超链接

插件下载地址：https://ext.dcloud.net.cn/plugin?id=1080

uni-app的zc-grid插件目前1.0.0版本，没有点击跳转功能，只有个获取点击编号（编号从左上角0开始），现给它加个跳转功能

main.js：

import imgGrid from './components/zc-grid/zc-grid.vue'
Vue.component('imgGrid',imgGrid)

*.vue：

<zc-grid :list="imgList"></zc-grid>
	export default {
		//九宫格导航
		components:{
			'zc-grid':zcGrid,
		},
		
		
		data(){
			return {
				imgList:[{
					url: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/cbd.jpg',
					text: 'Grid 1',
					link:'../user/user'
				},{
					url: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/cbd.jpg',
					text: 'Grid 1'
					link:'../user/user'
				}]
			}
		},

修改zc-grid.vue：

methods: {
			change(e) {
				let {
					index
				} = e.detail
				//console.log(index)
				uni.switchTab({  
				    url:this.list[index].link
				});
			},
			webTo(e) {
				this.$emit('goTo')
			}
		}

或添加

<navigator :url="item.link" >  
	<image class="image" :src="item.url" mode="aspectFill" @click="webTo" />
	<text class="text">{{item.text}}</text>
</navigator> 

宝宝新手~