<el-form-item label="Problems " style="width: 400px;" required>
          <el-select v-model="tempReporter.problemsId" placeholder="please choose" onchange="">
            <el-option
              v-for="item in problems"
              :key="item.id"
              :label="item.description"
              :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>

<script>
  export default {
    data() {
      return {
        problems:'',
        },
        tempReporter: {

         problemsId:'',
          desc:''
        }
      }
    },

      showCreate() {
        this.tempReporter.name = "";
        this.tempReporter.dateReport = "";
        this.tempReporter.toolsId = "";
        this.tempReporter.problemsId = "";
        this.tempReporter.avatar="";
        this.tempReporter.carbon="";
        this.tempReporter.problemsDesc = this.problems.find(el => el.id===this.tempReporter.problemsId)
        console.log(tempReporter.)
        this.tempReporter.confirm = '1';
        this.dialogStatus = "create"
        this.dialogFormVisible = true
      },