1.0.4 • Published 5 years ago
dcv-label v1.0.4
1、组件使用
- 安装自定义list组件,注意使用本地npm仓库地址
npm i dcv-label
- 使用组件
<template>
<div>
<!-- 没有联动的列表 -->
<div class="" v-for="(item,index) in labelData1" :key="index">
<DcvLable :labelData="item" :isTrue="true"></DcvLable>
</div>
<br><br>
<!-- 数据结构为树并且有联动的列表 -->
<div class="">
<DcvLable v-on:clickCallback="callback" :isTrue="false" :labelData="labelData2"></DcvLable>
</div>
</div>
</template>
<script>
import DcvLable from 'dcv-label';
export default {
name: 'App',
components: { DcvLable },
data() {
return {
labelData1: labelData1,
labelData2: labelData2
}
},
methods:{
callback(parm) {
alert("接收通知,处理事件")
}
}
}
</script>