Vue前端判断数据对象是否为空的实例_vue判断数据是否为空-其它代码类 - CSDN文库

1.3k 浏览量更新于2023-05-30 评论收藏 61KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

看代码：

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

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

history

根目录根目录

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

<?xml version="1.0" encoding="utf-8"?>

<configuration>

<system.webServer>

<rewrite>

<rules>

<rule name="Handle History Mode and custom 404/500" stopProcessing="true">

<match url="(.*)" />

<conditions logicalGrouping="MatchAll">

<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />

<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />

</conditions>

<action type="Rewrite" url="/index.html" />

</rule>

</rules>

</rewrite>

</system.webServer>

</configuration>

background: url(‘/static/logo.png’) no-repeat center/ 50%; 跟路径 / 和相对路径

<img src=”/static/logo.png” alt=”” srcset=””> 跟路径 / 和相对路径

<div class=”image1″ style=”background:url(‘../static/logo.png’)”></div> 跟路径 / 和 ../

<img :src="image" alt="" srcset=""> 跟路径 / 和../

data () {

return {

image: '../static/logo.png'

}

}

子目录子目录

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

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

action 标签 url /app/index.html

<?xml version="1.0" encoding="utf-8"?>

<configuration>

<system.webServer>

<rewrite>

<rules>

<rule name="Handle History Mode and custom 404/500" stopProcessing="true">

<match url="(.*)" />

<conditions logicalGrouping="MatchAll">

<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />

<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38750209

粉丝: 9
资源: 839

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈