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 是双端同是运行的,要声明这个插件要在客户端也就是前端使用才可以。

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

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

具体的操作步骤就是

在你要引用的文件比如: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>

 

上一篇:textarea高度自动撑开_实现textarea高度自适应


下一篇:Camel Games借助AWS在爆发式增长中提供优质游戏体验