selectRadio.vue 644 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <div class="select-radio">
  3. <p class="title">{{selectRadio.information}}</p>
  4. <template v-for="item in selectRadio.radioList">
  5. <el-radio v-model="radio" :label="item.label">{{item.value}}</el-radio>
  6. </template>
  7. </div>
  8. </template>
  9. <script>
  10. export default {
  11. name: "selectRadio",
  12. props: ['selectRadio'],
  13. data() {
  14. return {
  15. radio: '1'
  16. };
  17. }
  18. }
  19. </script>
  20. <style scoped lang="less">
  21. .select-radio {
  22. .title {
  23. border-left: 8px solid black;
  24. margin: 10px 40px 10px 0;
  25. font-weight: 600;
  26. text-indent: 10px;
  27. display: inline-block;
  28. }
  29. }
  30. </style>