<!-- 功能：键值对; 作者：LZJ; 时间：2022年10月13日 12:06:29-->
<template>
    <div id="PairCode">
        <div v-for="(item, index) in pairCodeArr" :key="`pairCodeArr${index}`" class="pl40">
            <span>{{ item.key }}:</span>&nbsp;
            <span class="value-tag">{{ item.value || `'${item.value}'` }}</span>
            <span v-if="index < pairCodeArr.length - 1 || item.hasDh">,</span>
        </div>
    </div>
</template>

<script>
export default {
    // 组件名称
    name: 'PairCode',
    // 局部注册的组件
    components: {},
    // 组件参数 接收来自父组件的数据
    props: {
        pairCodeArr: {
            type: Array,
            default: () => []
        }
    },
    // 组件状态值
    data() {
        return {};
    },
    // 侦听器
    watch: {},
    created() {
    },
    mounted() {
    },
    methods: {}
};
</script>

<!--使用了scoped属性之后，父组件的style样式将不会渗透到子组件中，-->
<style scoped lang='less'>

</style>
