element-ui 兼容ie11 选择后会出现空白

Question

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

要解决这个问题，首先确保在 HTML 文件中正确地引入 Element UI 的样式。然后，在 Vue.js 或 React 中使用以下代码来兼容 Internet Explorer 11（IE11）并显示对话框：

<!-- 引入 Element UI 样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/dist/index.css">

<script>
import { Dialog } from 'element-ui';

export default {
  data() {
    return {
      dialogMater: false,
      textheader: [
        {
          title: '新增物资属性',
          detail: '新增物资属性'
        }
      ],
      dataset: {
        propName: '',
        propNameEn: '',
        propTypeId: '',
        propValueUnit: '',
        propNullable: '',
        propValueSource: ''
      },
      DataType: [],
      DataUnit: [],
      delistl: []
    };
  },
  methods: {
    saveMater: function (name) {
      // 在这里处理保存操作
      this.$message({
        message: '已保存',
        type: 'success'
      });
    },
    restesMater: function (name) {
      // 在这里处理取消操作
      this.$message({
        message: '已取消',
        type: 'warning'
      });
    }
  },
  mounted() {
    this.getDataType();
    this.getDataUnit();
    this.getDeliList();
  },
  created() {},
  updated() {},
  destroyed() {},
  computed: {}
};
</script>

<style scoped>
/* 自定义样式 */
</style>

这段代码展示了如何在 Vue.js 或 React 中实现兼容 IE11 的 Element UI 对话框，并提供了基本的表单输入字段和按钮。你需要根据你的项目需求调整这些元素。

注意：这只是一个基础示例，实际应用中可能还需要添加更多的验证规则、错误提示等细节。此外，为了支持 IE11，你可能需要使用 polyfills 来处理一些浏览器特性。