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>

 

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

上一篇:.net core 3.1 webapi解决跨域问题 GET DELETE POST PUT等


下一篇:C#图解教程_第三章_类型,存储和变量