vue同一个组件设置不同的点击的事件/具体某一模块也可以设置不同的点击事件

有些时候我们想给相同组件传不同的点击事件 或 想给组件具体某一个模块传不同的点击事件

 

可以用到以下方法 

父组件：

<view>
      <block v-for="(item, idx) in mycard" :key="idx">
        <Card :item="item"></Card>
      </block>
    </view>

页面数据

 
 data() {
    return {
    mycard: [
        {
          icon: "/static/icon1.png",
          txt: "绑定社区",
          school: "动感小学",
          right: "/static/iconright.png",
          url: "/pages/jump/community",
        },
        {
          icon: "/static/icon2.png",
          txt: "我的课程",
          school: "",
          right: "/static/iconright.png",
          url: "/pages/jump/course",
        },
    ]
  }
}

子组件：

<view class="index-card" @click="clickcard">
</view

export default {
  name: "card",
  props: {
    item: {},
  },

  data() {
    return {};
  },

  methods: {
    clickcard() {    
        uni.navigateTo({
          url: this.item.url,
        });
    },
  },
};