好资源导航 » 文章资讯 » Vue前端判断数据对象是否为空的实例

Vue前端判断数据对象是否为空的实例

2023-07-17 11:32:03 59

看代码：

Vue提供了强大的前端开发架构，很多时候我们需要判断数据对象是否为空，使用typeof判断是个不错选择，具体代码见图。

补充知识：vue打包后history模式跟子目录静态文件路径分析

history

根目录

路由mode变为history后，需要在服务器配置url重写,在根目录创建web.config文件加下面内容复制进去

background:url('http://www.haoziyuan.cc/static/logo.png')no-repeatcenter/50%;跟路径/和相对路径

跟路径/和相对路径

跟路径/和../

跟路径/和../
data(){
return{
http://www.haoziyuan.cchttp://www.haoziyuan.cchttp://www.haoziyuan.ccimage:'..http://www.haoziyuan.cc/static/logo.png'
}
}

子目录

例如我在根目录下创建子目录名为app的文件夹作为项目文件夹

路由mode变为history后，需要在服务器配置url重写,在根目录创建web.config文件加下面内容复制进去与根目录不同的是

action标签url/app/index.html

configindex.js文件下build对象中publicPatch从默认的/改成自己部署的子目录名称/app/

build:{
//Paths
assetsRoot:path.resolve(__dirname,'../dist'),
assetsSubDirectory:'static',
assetsPublicPath:'/app/',
}

router.js需要改下base根据不同的打包环境dev默认就是/pro需要根据项目路径

varbase=process.env.NODE_ENV==='development'?'/':'/app/'

exportdefaultnewRouter({
mode:'history',
base:base,
routes:[]
})

background:url('../..http://www.haoziyuan.cc/static/logo.png')no-repeatcenter/50%;相对路径

相对路径

../

../
data(){
return{
http://www.haoziyuan.cchttp://www.haoziyuan.cchttp://www.haoziyuan.ccimage:'..http://www.haoziyuan.cc/static/logo.png'
}
}

总结：

history模式，本地运行肯定是在根目录127.0.0.1:xxxx/#使用上面根目录方法

打包发到生产环境，视情况使用

建议直接使用相同的方法同时适应根目录和子目录部署

background:url('../..http://www.haoziyuan.cc/static/logo.png')no-repeatcenter/50%;相对路径

相对路径

../

../
data(){
return{
http://www.haoziyuan.cchttp://www.haoziyuan.cchttp://www.haoziyuan.ccimage:'..http://www.haoziyuan.cc/static/logo.png'
}
}

以上这篇Vue前端判断数据对象是否为空的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

Vue前端判断数据对象是否为空的实例

热门推荐

随机推荐