脚本宝典收集整理的这篇文章主要介绍了在element-ui中的表格中使用scope有错 <template slot-scope="scope">，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

1、升级element-ui的版本，如果element-ui的版本低于2.5是不支持使用slot-scope="scope">的，

     可以去你的package-json中查看你的element-ui得版本

2、升级element-ui的版本

《1》先卸载之前安装的element-ui版本

npm uninstall element-ui

《2》重新安装需要的版本

       升级到最新版本

npm i element-ui -S

      升级到自己想要的版本

npm install element-ui@2.5.4 --save

《3》最后在main.js中把default修改为theme-chalk

import 'element-ui/lib/theme-chalk/index.css';

3、如果升级之后报如下错误

error in ./node_modules/element-ui/lib/theme-chalk/index.css

解决办法

找到webpack.dev.conf.js文件，其中有一行

module: {
    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true})
  },

把true改成false

4、如果重启项目在运行之后还是报scope的那三个错

把  <template slot-scope="scope">中的slot-scope改成v-slot

脚本宝典总结

以上是脚本宝典为你收集整理的在element-ui中的表格中使用scope有错 <template slot-scope="scope">全部内容，希望文章能够帮你解决在element-ui中的表格中使用scope有错 <template slot-scope="scope">所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。