12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <template>
- <div class="select-radio">
- <p class="title">{{selectRadio.information}}</p>
- <template>
- <el-radio-group
- style=" margin: 0 10px;"
- v-model="radio"
- @change="changeRadio"
- v-for="(item,index) in selectRadio.radioList"
- :key="index"
- >
- <el-radio :label="item.label">{{item.value}}</el-radio>
- </el-radio-group>
- </template>
- </div>
- </template>
- <script>
- export default {
- name: "selectRadio",
- props: ['selectRadio'],
- data() {
- return {
- radio: '1'
- };
- },
- methods: {
- changeRadio(val) {
- this.$emit('changeRadio', val)
- }
- }
- }
- </script>
- <style scoped lang="less">
- .select-radio {
- .title {
- border-left: 8px solid black;
- margin: 10px 40px 10px 10px;
- font-weight: 600;
- text-indent: 10px;
- display: inline-block;
- }
- }
- </style>
|