目前新版本的vue3.0和vue2.0的写法上都有了很大的改动,包括对文件打包和ie兼容的问题,都有很大的改动?我使用的ui框架是iviewAdmin的,在网上翻了很久都是针对vue2.0的修改,在build文件夹下的方式,所以完全用不了,然后找到了下面的方式

正常步骤分为六部:

    1.更改webpack-dev-server版本为2.71 或者是 2.11.1都可以

npm install --save-dev webpack-dev-server@2.7.1

     2.安装@babel/polyfill

npm install --save @babel/polyfill

    3.main.js代码最前面加入

import '@babel/polyfill'

   4.main.js相关的语言包全部删除

1.main.js中的以下三部分注释掉:
//import i18n from '@/locale'

Vue.use(iView, {
// i18n: (key, value) => i18n.t(key, value)
})

new Vue({
el: '#app',
router,
// i18n,
store,
render: h => h(App)
})

2.还需要把components\main下的:

// this.setLocal(this.$i18n.locale)
两段注释掉

  5.修改配置文件

编辑.babelrc
{
  "presets": [["@vue/app", { "useBuiltIns": "entry" }]]
}

编辑vue.config.js

  transpileDependencies: ['tree-table-vue', 'iview'],

  chainWebpack: config => {
    config.entry('polyfill').add('@babel/polyfill')
    config.resolve.alias
      .set('@', resolve('src')) // key,value自行定义,比如.set('@@', resolve('src/components'))
      .set('_c', resolve('src/components'))
  },

   6.删除TreeTable依赖

在main.js注释掉

// import TreeTable from 'tree-table-vue'
// import VOrgTree from 'v-org-tree'

以及

// Vue.use(TreeTable)
// Vue.use(VOrgTree)

这是正常的六部就可以进行兼容ie11的操作了(个人测试了一下,觉得只要是不使用tree-table-vue和v-org-tree这两个组件就可以进行兼容了)

     最后对于兼容v-org-tree的话我是找到了解决方法的,(https://download.csdn.net/download/qq_39215166/11367811)这个是我的下载地址,说实话我没想要设置c币的,但是这个网站给我随机生成了c币下载,我也没有办法

暂时没有对tree-table-vue这个组件的兼容,如果有兼容过的小伙伴希望可以分享一下

Logo

前往低代码交流专区

更多推荐