dashboard/components/formatter/WorkloadEndpoints.vue

27 lines
548 B
Vue

<script>
export default {
props: {
value: {
type: String,
required: true
}
},
data() {
const endpoints = this.value.split(',');
return { endpoints };
}
};
</script>
<template>
<span>
<template v-for="endpoint in endpoints">
<span v-if="endpoint==='<none>'" :key="endpoint">{{ endpoint }}</span>
<a v-else :key="endpoint" rel="nofollow noopener noreferrer" target="_blank" :href="`//${endpoint}`">{{ endpoint }}</a>
<br :key="endpoint+'br'" />
</template>
</span>
</template>