使用Vue,获取当前页面的 IP

第一步:使用vue引入外部js。(这里是使用搜狐的api来获取用户的ip)

如果是单纯的html,我们引入js很简单直接

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

但是vue不可以这样。

1-1.在你要用到js的页面的components 加入下面的代码

'remote-js': {
     render(createElement) {
           return createElement('script', { attrs: { type: 'text/javascript', src: this.src }});
     },
     props: {
        src: { type: String, required: true },
      },
},
image

第二步,放入 相关js

image
<remote-js src="http://pv.sohu.com/cityjson?ie=utf-8"></remote-js>

第三步,调用相关方法来获取 ip

var ip = returnCitySN["cip"];
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容