0f04615685
Former-commit-id: 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 1e795e1614aaf94f23ad99354f6ca9be303a1b1e [formerly 9ce21aef6b043d8bfcb2849dd7c6bc34e4625387]]]]] Former-commit-id: c92d7410adc4138c7903c0067860fc3d190f54b0 Former-commit-id: 9f0ab819a505e341a6edf210efb107df8b8efe33 Former-commit-id: 3006c0d2ccda4133203372c30ffee34a73fa8944 [formerly f340ca4127e4578b3c53747d13bbaba223ed4e83] Former-commit-id: 9624c2aaa99880b5e37f1e60f1f36ac673e021ed Former-commit-id: 7923489f2c3c637782d9d4a1707bc48dfe3b1acf Former-commit-id: 2375e080a7f715bc48da40d4c56235efad3f0d5d Former-commit-id: c41402e6c0266a07e974efad41feed7c6fb7d0b6 Former-commit-id: b8814b31619151361c91ed37cb1ee7f3813853c1
47 lines
1019 B
JavaScript
47 lines
1019 B
JavaScript
export default `<template>
|
||
<div style="cursor: pointer">
|
||
<el-tag :type="type" @click.native="handleClick">{{ text }}</el-tag>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
props: {
|
||
value: {
|
||
type: Boolean,
|
||
require: true
|
||
},
|
||
// 本行的所有数据，此字段不需要额外配置
|
||
scope: {
|
||
default: null
|
||
},
|
||
// 通过 component 中 props 字段传过来的数据，此字段需要先在 component 中配置
|
||
myProps: {
|
||
default: null
|
||
}
|
||
},
|
||
computed: {
|
||
type () {
|
||
return this.value ? 'success' : 'danger'
|
||
},
|
||
text () {
|
||
if (this.scope.$index === 1) {
|
||
return this.myProps
|
||
} else if (this.scope.$index === 3) {
|
||
return '通过scope拿到了当前行日期：' + this.scope.row.date
|
||
}
|
||
return this.value ? '是' : '否'
|
||
}
|
||
},
|
||
mounted () {
|
||
console.log(this.scope)
|
||
console.log(this.myProps)
|
||
},
|
||
methods: {
|
||
handleClick () {
|
||
this.$emit('input', !this.value)
|
||
}
|
||
}
|
||
}
|
||
</script>`
|