v-model 封装自己的单选框组件
{{ checked }}
<my-radio v-model="checked"></my-radio>
data() {
return {
checked: 2,
};
},
MyRadio组件
<template>
<div>
<input
type="radio"
:value="item"
:checked="value === item"
v-for="item in inputList"
:key="item"
@change="changeRadio"
/>
</div>
</template>
<script>
export default {
props: {
value: {
type: Number,
default: 1,
},
},
data() {
return {
inputList: [1, 2],
};
},
mounted() {},
methods: {
changeRadio(e) {
this.$emit("input", Number(e.target.value));
},
},
};
</script>
<style lang="scss" scoped></style>