selectRadio.vue 990 B

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