nuxt.js中使用省市区三级联动插件element-china-area-data 提示 window is not defined

nuxt.js 报出 window is not defined 错误是因为调用方法不对

使用传统的 import { regionData,CodeToText } from 'element-china-area-data' 是行不通的

nuxt 是双端同是运行的,要声明这个插件要在客户端也就是前端使用才可以。

同是感谢简书的大佬,自己记录下方面以后使用

具体的操作步骤就是

在你要引用的文件比如:index.vue 里面声明

<script>

//关键 start
if (process.client) { 
   var regionData = require("element-china-area-data").regionData;  
   var CodeToText = require("element-china-area-data").CodeToText;
}
//关键 end

export default {
    data() {
       return {}
    }
</script>

 

posted @ 2021-06-25 15:23  泉泉圆圆全全  阅读(955)  评论(0编辑  收藏  举报