41 lines
952 B
Vue
41 lines
952 B
Vue
|
<template>
|
|||
|
|
<div class="md-example-child md-example-child-agree md-example-child-2">
|
|||
|
|
<md-agree
|
|||
|
|
v-model="agreeConf.checked"
|
|||
|
|
:disabled="agreeConf.disabled"
|
|||
|
|
:size="agreeConf.size"
|
|||
|
|
@change="onChange(agreeConf.name, agreeConf.checked, $event)"
|
|||
|
|
>
|
|||
|
|
本人承诺投保人已充分了解本保险产品，并保证投保信息的真实性，理解并同意
|
|||
|
|
</md-agree>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
import {Agree} from 'mand-mobile'
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
name: 'agree-demo',
|
|||
|
|
title: '选中不可用状态',
|
|||
|
|
height: 120,
|
|||
|
|
components: {
|
|||
|
|
[Agree.name]: Agree,
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
agreeConf: {
|
|||
|
|
checked: true,
|
|||
|
|
name: 'agree2',
|
|||
|
|
size: 'lg',
|
|||
|
|
disabled: true,
|
|||
|
|
introduction: '选中不可用状态',
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
onChange(name, checked) {
|
|||
|
|
console.log(`agree name = ${name} is ${checked ? 'checked' : 'unchecked'}`)
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|