47 lines
895 B
Vue
47 lines
895 B
Vue
<template>
|
|
<div>
|
|
{{currentValue}}
|
|
</div>
|
|
</template>
|
|
<script>
|
|
// 行展示组件进阶版
|
|
// 本示例演示要对传入的值做一些改变，然后再展示
|
|
export default {
|
|
name: 'dept-format',
|
|
props: {
|
|
// 接收row.xxx的值
|
|
value: {
|
|
type: Number || String,
|
|
required: false
|
|
},
|
|
color: {
|
|
require: false
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
currentValue: ''
|
|
}
|
|
},
|
|
watch: {
|
|
value () {
|
|
this.setValue()
|
|
}
|
|
},
|
|
created () {
|
|
this.setValue(this.value)
|
|
},
|
|
methods: {
|
|
async setValue () {
|
|
// 在这里对 传入的value值做处理
|
|
if (!this.$store.state.d2admin.dept.data) {
|
|
await this.$store.dispatch('d2admin/dept/load')
|
|
}
|
|
this.currentValue = this.$store.state.d2admin.dept.data[String(this.value)]
|
|
// 根据值的key 递归获取对应的名称
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
Footer
|