其他分享
首页 > 其他分享> > nuxt.js中使用省市区三级联动插件element-china-area-data 提示 window is not defined

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>

 

标签:插件,area,CodeToText,js,china,element,data,nuxt
来源: https://www.cnblogs.com/dywangzq/p/14931102.html