<template>
  <div>
    <el-radio-group v-if="param.type=='radio'" v-model="param.value" style="width: 100%">
      <el-radio v-for="option in param.option" :label="option.value" >{{option.label}}</el-radio>
    </el-radio-group>
    <el-select v-if="param.type=='select'" v-model="param.value"  style="width: 100%">
      <el-option  v-for="option in param.option" :label="option.label"
                 :value="option.value"/>
    </el-select>
    <el-slider
      v-if="param.type=='slider'" v-model="param.value"
      width="100px">
    </el-slider>
  </div>
</template>

<script>
  export default {
    name: "ParamItem",
    props: {
      param: Object,
      form: Object,
    },
    methods: {}
  }
</script>

<style scoped>

</style>
