36 lines
872 B
Vue
36 lines
872 B
Vue
<template>
|
|
<div>
|
|
<ul>
|
|
<li><span class="metric-tip-list">metric : </span><span>{{metaName ? metaName : '--'}}</span></li>
|
|
<li><span class="metric-tip-list">help : </span><span>{{metricList.help ? metricList.help : '--'}}</span></li>
|
|
<li><span class="metric-tip-list">type : </span><span>{{metricList.type ? metricList.type : '--'}}</span></li>
|
|
<li><span class="metric-tip-list">unit : </span><span>{{metricList.unit ? metricList.unit : '--'}}</span></li>
|
|
</ul>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'metaData',
|
|
props: {
|
|
metaDataList: Array,
|
|
metaName: String
|
|
},
|
|
data () {
|
|
return {
|
|
metricList: {}
|
|
}
|
|
},
|
|
watch: {
|
|
metaDataList: {
|
|
deep: true,
|
|
handler (n) {
|
|
if (n) {
|
|
this.metricList = n[0]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|