<template>
  <view>
    <myContainer>
      <myTags value="苹果,哈密瓜"></myTags>
      <myTags value="苹果,哈密瓜" type="primary" marginTop="20"></myTags>
      <myTags value="苹果,哈密瓜" type="success" marginTop="20"></myTags>
      <myTags value="苹果,哈密瓜" type="warning" marginTop="20"></myTags>
      <myTags value="苹果,哈密瓜" type="error" marginTop="20"></myTags>
      <myTags value="苹果,哈密瓜" type="choose" :current="current" marginTop="20" @confirm="confirmTag"></myTags>

      <myTags value="1" :dicts="[{label:'西瓜',value:'1'},{label:'梨',value:'2'}]" type="error" marginTop="20">
      </myTags>
    </myContainer>
  </view>
</template>
<script>
  export default {
    data() {
      return {
        current: 0,
      }
    },
    methods: {
      confirmTag(item, index) {
        this.current = index
      }
    }
  }
</script>