vue 获取当前本机ip_vue中获取本地ip
一、目的获取当前访问的ip地址二、思路通过使用搜狐的api获取访问ip三、操作步骤1、在index.html中添加2、新建一个组件Admin.vue,调用方法username:{{user.username}}age:{{user.age}}ip:{{user.ip}}export default {data(){return{user:{‘username‘:‘sj‘,‘age‘:18,‘ip‘
·
一、目的
获取当前访问的ip地址
二、思路
通过使用搜狐的api获取访问ip
三、操作步骤
1、在index.html中添加
2、新建一个组件Admin.vue,调用方法
username:{{user.username}}
age:{{user.age}}
ip:{{user.ip}}
export default {
data(){
return{
user:{
‘username‘:‘sj‘,
‘age‘:18,
‘ip‘:‘‘
}
}
},
mounted(){
this.ready()
},
methods:{
ready:function(){
//获取本地IP地址
//js 引入
//
var cip = returnCitySN["cip"];
//给vuedata对象里的字段赋值
this.user.ip = cip
}
}
}
三、结果展示
1、搜狐网站访问结果
2、运行结果
更多推荐
已为社区贡献1条内容
所有评论(0)