vue 项目中 有没有一种全局的方法,让所有没有接受到数据或数据为空的地方,显示同一个文本,如‘无数据?

主要是很多地方都写v-if v-else 有点烦,但自己也没想出好法子

1个回答

在main.js中给Vue的原型上添加方法:

Vue.prototype.IsNull=value=>{
  return value || '无数据'
}

在项目中使用:

<div>{{IsNull(userName)}}</div>
w1144646550
LonelyHobo 回复NoWaitCl: 没关系,能解决问题就行,你也可以自己改进
大约一个月之前 回复
NoWaitCl
NoWaitCl 回复LonelyHobo: 不好意思,大佬 ,我搞错了是我的问题,与你这个方法无关
大约一个月之前 回复
w1144646550
LonelyHobo 回复NoWaitCl: 能否看一下你错误信息?
大约一个月之前 回复
NoWaitCl
NoWaitCl 数据是接口动态获取的,我用了你说的方法后,编译错误
大约一个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
请教一种vue项目的语法
``` export function createArt(data) { return request({ url: '/article/create', method: 'post', data }) } ``` 这是在vue的项目中的一段代码,看不懂,怎么可以导出一个函数,这应该是导出 的是函数的返回值吧,也就是函数request()的结果,url里的路径,项目里根本就没有文件夹叫 article的呀,难道是动态生成的,下面的post是什么鬼,又不是发ajax请求,这种语法一般都是用来干什么的
vue项目怎么实现类似js中clipboardData在网页中实现截屏粘贴的功能
想在聊天的文本框中把QQ或者微信截的图粘贴到vue项目的聊天框中,请问有什么实现的方法?指点一下,急等!!!
vue项目根据不同的设备,加载不同的项目文件
现在有两份vue项目文件(pc/移动端),想实现在同一个域名下,根据不同的设备自动切换到相应的页面,所有的页面的路径已经改成一致,请问有哪些解决办法 有一个思路:在移动/pc的入口文件处判断,然后加载相应的文件,但是不知道该怎么实现,求大佬指点
VUE项目,子组件无法调用父组件的方法,this.$parent、this.$emit 都不行
原本是想要用这个子组件去调用父组件的方法,但是用VUE的三种调用方法都无法实现,想问一下还有没有什么方法能让我 在子组件的点击事件里,成功调用父组件的方法的。 ![父组件](https://img-ask.csdn.net/upload/202001/14/1578969855_255466.png) ![子组件](https://img-ask.csdn.net/upload/202001/14/1578969871_100985.png)![子组件的JS代码](https://img-ask.csdn.net/upload/202001/14/1578969877_431503.png)
VUE的websocket如何清除buffer
VUE的websocket执行close方法后,下次连接会接收到上次后台发的数据,应该是buffer里存储的数据,如何再vue侧清除buffer close: function() { if (this.socket) { this.socket.send('close'); this.socket.close() }
vue项目在手机端路由跳转问题
vue项目在手机端location到外网后再返回到原页面路由跳转没反应
VUE 在main.js中使用proxyTable代理不到指定域名 一直是当前url的域名,请问这种是什么情况?
vue中在main.js使用Axios添加每个请求检查token,路径中的标识没有通过proxyTable代理到指定域名(ip) 这种情况是加载main.js时还没有初始化proxyTable嘛?在其他.vue文件中是可通过proxyTable代理到指定域名(ip)的 后端开发刚接触vue还不太了解,麻烦各位大大解惑一下。 ``` Axios.post('/auth/token/check_token',。。。。。) ``` 下面是proxyTable的配置 ``` '/auth':{ target:'http://auth.ihabits.cn', changeOrigin: true, secure:false, pathRewrite:{ '^/auth':'' } ```
vue项目代码分离,指定目录代码不打包
vue项目,想达到后端maven的pom效果,要编译哪个模块就编译哪个,而不是全部编译,该如何实现,请大神支招
vue中双重循环与复杂对象的解析问题
vue中双重循环复杂对象过程中找不到深层对象属性,并且不会显示数据,加上 ``` this.$forceUpdate(); ``` 可以正常显示,但是还是会报错找不到对应的属性 * 错误截图 ![错误信息](https://img-ask.csdn.net/upload/202002/08/1581153946_722751.png) * 完整代码 ```vue <template> <div> <el-row v-for="(group,groupIndex) in groups" v-bind:groupIndex="group.index" :key="group.gid" type="text"> <el-button type="text" @click="isShow(groupIndex)">{{group.name}}</el-button> <div v-if="group.show"> <div class="friend" v-for="(friendInfo) in groups[groupIndex].friends" :key="friendInfo.fid"> <el-image style="width: 100px; height: 100px" :src="friendInfo.userInfo.icon"></el-image> {{friendInfo.comments}} <span> {{friendInfo.userInfo.sign}}</span> </div> </div> </el-row> <br/> </div> </template> <script> export default { name: 'FriendList', methods: { isShow: function (index) { if (!this.groups[index].show) { this.getFriends(this.groups[index].gid); } this.groups[index].show = !this.groups[index].show; }, getUserInfo: function (uid,groupIndex,friendsIndex) { console.log("getUserInfo"); this.$axios.get('http://192.168.43.3:9000/user/id/' + uid).then(res => { this.groups[groupIndex].friends[friendsIndex].userInfo= res.data.data; this.$forceUpdate(); console.log(this.groups[groupIndex].friends[friendsIndex].userInfo.icon); }).catch(err => { console.log(err); this.$alert(res.data.message, '通知'); }) }, checkLogin: function () { if (this.uid == null) { this.$alert('很抱歉,您还没有登录!', '通知'); window.location = 'http://127.0.0.1:8010/login'; } }, getGroups: function () { this.$axios.get('http://192.168.43.3:9004/group/user/' + this.uid).then((res => { if (res.data.flag) { this.groups = res.data.data; } else { this.$alert(res.data.message, '通知'); } })).catch(error => { console.log(error.message); this.$alert('网络错误,请稍后再试!', '通知'); }); }, getFriends: function (groupId) { this.$axios.get('http://192.168.43.3:9004/friend/group/' + groupId).then((res => { if (res.data.flag) { for (let i = 0; i < this.groups.length; i++) { if (groupId === this.groups[i].gid) { this.groups[i].friends = res.data.data; this.$forceUpdate(); let len = this.groups[i].friends.length; for (let j = 0; j < len; j++) { this.groups[i].friends[j].userInfo = this.getUserInfo(this.groups[i].friends[j].friend,i,j); } } } } else { this.$alert(res.data.message, '通知'); } })).catch(error => { console.log(error.message); this.$alert('网络错误,请稍后再试!', '通知'); }); } }, data: function () { return { uid: JSON.parse(sessionStorage.userInfo).uid, groups: [{ 'show': false, 'gid': '', 'userId': '', index: '', 'name': '', 'createTime': '', friends: [{ 'fid': '', 'user': '', 'friend': '', 'groupId': '', 'createTime': '', index:'', 'comments': '', userInfo: { 'uid': '', 'nickname': '', 'icon': '', 'sign': '' } }] }] } }, mounted() { this.checkLogin(); this.getGroups(); } } </script> ```
vue项目不使用cli/npm的情况下怎么打包
vue项目不使用cli/npm的情况下怎么打包,直接在html里写的
怎么在vue单页面项目用一个公共函数监听到所有页面上按钮的点击事件???
出了一个奇葩需求,需要在vue单页面项目用一个公共函数监听到所有页面上按钮的点击事件,这怎么搞???监听鼠标点击事件?好像不行吧。有点伤脑壳。有没有大佬做过类似的功能的,给一点思路。谢谢谢谢
vue项目build后请求404
我前端使用vue,后端使用java开发的前后端分离的小项目。 前端完事以后用npm run dev都能正常运行。 但是使用npm run build打包后放在tomcat上访问却出问题了。 界面可以打开,资源也加载了。但是在向后端发送请求时,却报错了。我用的axios请求。 情况如下: <br> Failed to load resource: the server responded with a status of 404 () Error: Request failed with status code 404 at FtD3.e.exports (vendor.b3fd7698053a850e233d.js:43) at e.exports (vendor.b3fd7698053a850e233d.js:13) at XMLHttpRequest.f.onreadystatechange (vendor.b3fd7698053a850e233d.js:19) 我搜索了一下没有什么收获。问题的关键在于后端没问题,dev时请求没问题,就是build时请求404。 求好心人指点。 <br> <hr> <br> ![图片说明](https://img-ask.csdn.net/upload/202001/13/1578882449_857485.png) 今天我再调试,发现错误有了一点变化,主要是多了一个post请求地址,但是实际上这个地址是错误的。正确的应该是139.196.125.89:8080/lis_war/login。
springboot+vue怎么集成润乾报表
最近项目要求使用润乾报表,前端框架使用vue,后台使用springboot,请问一下有没有大佬知道 springboot+vue怎么集成润乾报表
vue 项目中怎么引用js文件
vue 项目中怎么引用js文件,我在vue组件里拷入了一个模板页面,css引入了,但是一些js文件无法引用
访问vue项目时,初始会有一段时间的空白
在访问vue项目,加载刚开始的时候会有一片空白,有没有大佬遇到过这个问题。
Vue怎么使用stylus?我安装应该成功了,为什么会报错 ?
Vue项目里想使用stylus,但是安装之后还是报错,怎么弄啊? cmd里输入下面代码安装的stylus ```cmd cnpm install stylus --save cnpm install stylus-loader --save ``` ![使用stylus的地方](https://img-ask.csdn.net/upload/202002/09/1581234681_860131.png) ![报错信息](https://img-ask.csdn.net/upload/202002/09/1581234752_759710.png) 在package.json文件里还能检测到stylus和stylus-loader的版本信息 ![图片说明](https://img-ask.csdn.net/upload/202002/09/1581234841_947443.png)
vue项目中的依赖去哪里找?
新建了一个vue项目,启动时报错,说缺少vue-router, 这个vue-router依赖在哪里可以找到? </br> <hr></hr> 在java中缺少依赖,我们会去 https://mvnrepository.com/ 找相应版本的依赖包,但vue的依赖包在 哪里找,不晓得啊 <hr></hr> (我知道要在package.json中进行配置。)
新建的vue项目中main.js产生了一个逗号报错的原因是什么?
![图片说明](https://img-ask.csdn.net/upload/201910/17/1571275006_718967.png) 这是直接create的vue项目,居然产生了一个逗号报错 手动去除这个逗号后即可成功运行。 请问为什么这里会自动添加了一个报错的逗号?
vue的data怎么使用js中的数据
```javascript new Vue({ el:'#test', data:{} }) ``` 这上面的data能不能使用另一个js文件的 ```javascript var obj = { data:[{ a:123, b:234 },{ a:789, b:654 }] } ``` 这种数据? 怎么引入? 求大佬QAQ
130 个相见恨晚的超实用网站,一次性分享出来
相见恨晚的超实用网站 持续更新中。。。
字节跳动视频编解码面经
三四月份投了字节跳动的实习(图形图像岗位),然后hr打电话过来问了一下会不会opengl,c++,shador,当时只会一点c++,其他两个都不会,也就直接被拒了。 七月初内推了字节跳动的提前批,因为内推没有具体的岗位,hr又打电话问要不要考虑一下图形图像岗,我说实习投过这个岗位不合适,不会opengl和shador,然后hr就说秋招更看重基础。我当时想着能进去就不错了,管他哪个岗呢,就同意了面试...
win10系统安装教程(U盘PE+UEFI安装)
一、准备工作 u盘,电脑一台,win10原版镜像(msdn官网) 二、下载wepe工具箱 极力推荐微pe(微pe官方下载) 下载64位的win10 pe,使用工具箱制作启动U盘打开软件, 选择安装到U盘(按照操作无需更改) 三、重启进入pe系统 1、关机后,将U盘插入电脑 2、按下电源后,按住F12进入启动项选择(技嘉主板是F12) 选择需要启...
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
Python——画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树喔)
最近翻到一篇知乎,上面有不少用Python(大多是turtle库)绘制的树图,感觉很漂亮,我整理了一下,挑了一些我觉得不错的代码分享给大家(这些我都测试过,确实可以生成) one 樱花树 动态生成樱花 效果图(这个是动态的): 实现代码 import turtle as T import random import time # 画樱花的躯干(60,t) def Tree(branch, ...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方,主要介绍的是思路。
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
Java描述设计模式(19):模板方法模式
本文源码:GitHub·点这里 || GitEE·点这里 一、生活场景 通常一款互联网应用的开发流程如下:业务需求,规划产品,程序开发,测试交付。现在基于模板方法模式进行该过程描述。 public class C01_InScene { public static void main(String[] args) { DevelopApp developApp = n...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
C语言魔塔游戏
很早就很想写这个,今天终于写完了。 游戏截图: 编译环境: VS2017 游戏需要一些图片,如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义,使用结构体,这个名字是可以自己改变的 struct gamerole { char name[20] = "黑蛋"; //玩家名字 int...
第三个java程序(表白小卡片)
前言: &nbsp;向女神表白啦,作为一个程序员,当然也有爱情啦。只不过,虽然前面两个程序都只是学习了基础的语法结构和向量哈希表。这里涉及的是Swing,awt图形用户界面和一点文件输入输出流的知识。 &nbsp; 表白代码如下: 另附:里面的音乐和图片可以放在一个自己创建的包里面,也可以放在src里面,或者使用绝对路径。至于布局,我自己的使用的是简单的排班,简单的继承。后面的程序会慢慢实现。 ...
8年经验面试官详解 Java 面试秘诀
作者 |胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。 Java程序员准备和投递简历的实...
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的回答,对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalking,作者吴晟、刘浩杨 等等 仓库地址: apache/skywalking 更...
化繁为简 - 腾讯计费高一致TDXA的实践之路
导语:腾讯计费是孵化于支撑腾讯内部业务千亿级营收的互联网计费平台,在如此庞大的业务体量下,腾讯计费要支撑业务的快速增长,同时还要保证每笔交易不错账。采用最终一致性或离线补...
Linux网络服务-----实验---PXE和Kickstart的无人值守装机
目录 一.PXE的原理 二.kickstart的原理 三.PXE与kickstart的结合使用自动装机 一.PXE的原理 PXE(preboot execute environment,预启动执行环境)是由Intel公司开发的最新技术,工作于Client/Server的网络模式,支持工作站通过网络从远端服务器下载映像,并由支持通过网络启动操作系统,再启动过程中,终端要求服务器分配IP地址...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观...
A*搜索算法概述
编者按:本文作者奇舞团前端开发工程师魏川凯。A*搜索算法(A-star search algorithm)是一种常见且应用广泛的图搜索和寻径算法。A*搜索算法是通过使用启...
程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
从顶级黑客到上市公司老板
一看标题,很多老读者就知道我在写什么了。今天Ucloud成功上市,季昕华成为我所熟悉的朋友里又双叒叕一个成功上市的案例。我们认识大概是十五年多吧,如果没记错,第一次见面应该是2004年,...
蓝桥杯知识点汇总:基础知识和常用算法
文章目录基础语法部分:算法竞赛常用API:算法部分数据结构部分 此系列包含蓝桥杯绝大部分所考察的知识点,以及真题题解~ 基础语法部分: 备战蓝桥杯java(一):一般输入输出 和 快速输入输(BufferedReader&amp;BufferedWrite) 备战蓝桥杯java(二):java编程规范和常用数据类型 备战蓝桥杯java(三):常用功能符以及循环结构和分支结构 备战蓝桥杯java(四...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
强烈推荐10本程序员在家读的书
很遗憾,这个春节注定是刻骨铭心的,新型冠状病毒让每个人的神经都是紧绷的。那些处在武汉的白衣天使们,尤其值得我们的尊敬。而我们这些窝在家里的程序员,能不外出就不外出,就是对社会做出的最大的贡献。 有些读者私下问我,窝了几天,有点颓丧,能否推荐几本书在家里看看。我花了一天的时间,挑选了 10 本我最喜欢的书,你可以挑选感兴趣的来读一读。读书不仅可以平复恐惧的压力,还可以对未来充满希望,毕竟苦难终将会...
Linux自学篇——linux命令英文全称及解释
man: Manual 意思是手册,可以用这个命令查询其他命令的用法。 pwd:Print working directory 意思是密码。 su:Swith user 切换用户,切换到root用户 cd:Change directory 切换目录 ls:List files 列出目录下的文件 ps:Process Status 进程状态 mkdir:Make directory ...
Python实战:抓肺炎疫情实时数据,画2019-nCoV疫情地图
今天,群里白垩老师问如何用python画武汉肺炎疫情地图。白垩老师是研究海洋生态与地球生物的学者,国家重点实验室成员,于不惑之年学习python,实为我等学习楷模。先前我并没有关注武汉肺炎的具体数据,也没有画过类似的数据分布图。于是就拿了两个小时,专门研究了一下,遂成此文。
疫情数据接口api
返回json示例 { "errcode":0,//0标识接口正常 "data":{ "date":"2020-01-30 07:47:23",//实时更新时间 "diagnosed":7736,//确诊人数 "suspect":12167,//疑是病例人数 "death":170,//死亡人数 "cur...
智力题(程序员面试经典)
NO.1  有20瓶药丸,其中19瓶装有1克/粒的药丸,余下一瓶装有1.1克/粒的药丸。给你一台称重精准的天平,怎么找出比较重的那瓶药丸?天平只能用一次。 解法 有时候,严格的限制条件有可能反倒是解题的线索。在这个问题中,限制条件是天平只能用一次。 因为天平只能用一次,我们也得以知道一个有趣的事实:一次必须同时称很多药丸,其实更准确地说,是必须从19瓶拿出药丸进行称重。否则,如果跳过两瓶或更多瓶药...
相关热词 c# 识别回车 c#生成条形码ean13 c#子控制器调用父控制器 c# 写大文件 c# 浏览pdf c#获取桌面图标的句柄 c# list反射 c# 句柄 进程 c# 倒计时 线程 c# 窗体背景色
立即提问