31 lines
562 B
Vue
31 lines
562 B
Vue
<template>
|
||
<!-- 同意或不同意组件，点击不同意的时候出现额外的输入框说明原因 -->
|
||
<el-row>
|
||
<el-button type="primary" @click="doAgree">同意</el-button>
|
||
<el-button @click="dontAgree">不同意</el-button>
|
||
</el-row>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: '',
|
||
props: {},
|
||
emits: ['not-agree', 'agree'],
|
||
data() {
|
||
return {
|
||
reason: 'dont agree reason',
|
||
};
|
||
},
|
||
methods: {
|
||
doAgree() {
|
||
this.$emit('agree');
|
||
},
|
||
dontAgree() {
|
||
this.$emit('not-agree', this.reason);
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style scoped></style>
|