<template>
  <div>
    <el-tag
      v-for="(tag,index) in value"
      :key="index"
      type="warning"
      :disable-transitions="false"
      :closable="!readonly"
      @close="value.splice(index,1)"
    >
      {{ tag.tagName }}
    </el-tag>
    <el-button icon="el-icon-plus" type="warning" class="el-button-tag" @click="openLangTagDialog"
               v-if="!readonly"></el-button>
    <langTagDialog v-if="showLangTagDialog"
                   :visiable.sync="showLangTagDialog"
                   @confirm="confirmLangTagDialog"
                   :multi="true"
                   :rows="checkRows"
                   fieldKey="tagCode"></langTagDialog>
  </div>
</template>
<script>
import mixin from "./mixins/view";

export default {
  name: "langTagView",
  mixins: [mixin]
}
</script>
<style scoped>

</style>
