vue+elementui中下拉框中的数据点击,显示不同的图片,事件怎么写,感谢有没有大佬啊

发布于:2023-03-12 ⋅ 阅读:(55) ⋅ 点赞:(0)

<!-- 添加或修改模板管理对话框 -->

  <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>
本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到