mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
46 lines
811 B
Vue
46 lines
811 B
Vue
<template>
|
||
<cell
|
||
:class="b({ disabled, unswitchable: !switchable })"
|
||
:is-link="!disabled && switchable"
|
||
@click="onSelect"
|
||
>
|
||
<radio :name="data.id">
|
||
<div :class="b('name')">{{ data.name }}，{{ data.tel }}</div>
|
||
<div :class="b('address')">{{ data.address }}</div>
|
||
</radio>
|
||
<icon
|
||
slot="right-icon"
|
||
name="edit"
|
||
:class="b('edit')"
|
||
@click.stop="$emit('edit')"
|
||
/>
|
||
</cell>
|
||
</template>
|
||
|
||
<script>
|
||
import Radio from '../radio';
|
||
import create from '../utils/create';
|
||
|
||
export default create({
|
||
name: 'address-item',
|
||
|
||
components: {
|
||
Radio
|
||
},
|
||
|
||
props: {
|
||
data: Object,
|
||
disabled: Boolean,
|
||
switchable: Boolean
|
||
},
|
||
|
||
methods: {
|
||
onSelect() {
|
||
if (this.switchable) {
|
||
this.$emit('select');
|
||
}
|
||
}
|
||
}
|
||
});
|
||
</script>
|