关于前端:vueelementui中下拉框中的数据点击显示不同的图片事件怎么写感谢有没有大佬啊

<!– 增加或批改模板治理对话框 –>

  <el-dialog :title="title" :visible.sync="open" :class="[isOpen ?'dialog_show':'', 'lookBook']"width="500px" append-to-body>
  <el-form ref="form" :model="form" :rules="rules" label-width="80px">
    <el-form-item label="模板名称" prop="modelName">
      <el-input v-model="form.modelName" placeholder="请输出模板名称"/>
    </el-form-item>
    <el-form-item label="模板类型"  prop="modelType">
      <el-select  v-model="form.modelType" placeholder="请抉择模板类型"  @change="Material">
        <el-option label="车间模板" value="1"></el-option>
        <el-option label="产线模板" value="2"></el-option>
        <el-option label="工位模板" value="3"></el-option>
        <el-option label="部门设施模板" value="4"></el-option>
        <el-option label="生产模板" value="5"></el-option>
        <el-option label="仓库设施模板" value="6"></el-option>
      </el-select>
    <!-- 显示图片局部 -->
    <div  class="yincang" ><img src="300.jpg" /></div>
    <div  class="yincang" ><img src="123.jpg"  /></div>
    <div  class="yincang" ><img src="图片 1.png"  /></div>
    <div  class="yincang" ><img src="图片 2.png" /></div>
    </el-form-item>
    <el-form-item label="形容" prop="des">
      <el-input v-model="form.des" placeholder="请输出形容" />
    </el-form-item>
    <el-form-item label="是否启用" prop="vld">
      <el-select v-model="form.vld" placeholder="请抉择是否启用">
        <el-option
          v-for="dict in vldOptions"
          :key="dict.dictValue"
          :label="dict.dictLabel"
          :value="dict.dictValue"
        ></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="程序" prop="sqc">
      <el-input v-model="form.sqc" placeholder="请输出程序" />
    </el-form-item>
  </el-form>
  <div slot="footer" class="dialog-footer">
    <el-button type="primary" @click="submitForm"> 确 定 </el-button>
    <el-button @click="cancel"> 取 消 </el-button>
  </div>
</el-dialog>