selectRadio.vue 905 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <div class="select-radio">
  3. <p class="title">{{selectRadio.information}}</p>
  4. <template>
  5. <el-radio-group
  6. style=" margin: 0 10px;"
  7. v-model="radio"
  8. @change="changeRadio"
  9. v-for="(item,index) in selectRadio.radioList"
  10. :key="index"
  11. >
  12. <el-radio :label="item.label">{{item.value}}</el-radio>
  13. </el-radio-group>
  14. </template>
  15. </div>
  16. </template>
  17. <script>
  18. export default {
  19. name: "selectRadio",
  20. props: ['selectRadio'],
  21. data() {
  22. return {
  23. radio: '1'
  24. };
  25. },
  26. methods: {
  27. changeRadio(val) {
  28. this.$emit('changeRadio', val)
  29. }
  30. }
  31. }
  32. </script>
  33. <style scoped lang="less">
  34. .select-radio {
  35. .title {
  36. border-left: 8px solid black;
  37. margin: 10px 40px 10px 10px;
  38. font-weight: 600;
  39. text-indent: 10px;
  40. display: inline-block;
  41. }
  42. }
  43. </style>