vue界面{{this.info.param1}}对象为空导致界面无法渲染(html)

最新推荐文章于 2024-05-24 10:20:23 发布
最新推荐文章于 2024-05-24 10:20:23 发布
阅读量692 收藏
点赞数
分类专栏： 前端 文章标签： vue html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38118900/article/details/109814606
版权

vue界面{{this.info.param1}}对象为空:

<span>  {{this.info.param1}} </span>

如果param1为空，界面是可以渲染的；但是当this.info为空时，界面会直接无法渲染出来。

可以考虑封装方法或者写个问号表达式：this.info == undefined ? '' this.info.param1.

小启_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中 this.$set的用法详解
10-16
然而，这样做并不会触发Vue的视图更新，因为Vue无法感知到这个变化。 ```javascript mounted () { this.items[0] = { message: 'first', id: '4' }; // 视图不会更新 } ``` 为了使视图能够响应这个变化，我们可以...
vue 组件通信
小蚂蚁的世界
12-16 511
1. 父组件向子组件传值 Prop (1) props的接受方式说明 (2) prop命名问题 (3) prop的初始化处理 Prop 传值内容 2. 父/子组件主动获取子/父组件 父组件主动获取子组件 子组件主动获取父组件 3. 自定义事件 4. 非父子组件通信 5. 组件插槽 简单用法 具名插槽
vue 自定义消息弹窗 $info | 内含Vue.extend()和.$mount()的使用方法
朝阳39的博客
12-19 2932
目录 最终效果（含使用方法） 实现方案 1. 在文件夹info中新建文件s-info.vue 2. 在文件夹info中新建文件 index.js 3. 在main.js中定义全局指令$info 最终效果（含使用方法） this.$info('你成功啦！') this.$info('小心！','warning') this.$info('报错啦！','error') 实现方案 新建文件夹src/plugins/SUI/info 1. 在文件夹info...
vue的this.$ 常见的用法
最新发布
weixin_45266691的博客
05-24 626
是一个常见的用法，用于访问 Vue 实例的一些内置属性、方法或者插件提供的功能。: 访问用于发起 HTTP 请求的插件，如 axios、vue-resource 等。属性和方法，具体可根据需要查看 Vue.js 的官方文档以及所使用的插件的文档。: 在当前实例上监听一个自定义事件，但是只触发一次。: 响应式地添加一个属性到 Vue 实例的数据对象。: 响应式地删除 Vue 实例的数据对象的属性。: 在子组件中触发父组件绑定的事件。: 监听 Vue 实例上的数据变化。: 获取 Vue 实例的数据对象。
Vue中常用的提示信息：
SunPeng的博客
04-14 8178
1、Message提示： this.$message.warnging('请......') // 警告（提示）信息 this.$message.success('......成功') // ....成功信息 this.$message.error('......失败') // .....失败信息 this.$message.info('......') // 提示信息 例如： 更新数据、搜索数据、添加数据、删除成功 2、confirm二次确认提示： this.confirm('是否删除' ,
【Vue实战】Vue3简单又简洁的判断对象是否为空的写法（假值判断法）
qq_21609191的博客
09-13 8638
今年工作比较忙，比较没有时间写博客，最近抽空写了一下，还是保持一下更新博客的习惯比较好 ^ _ ^。最近在写一个项目用到Vue3 + Vite3，发现一个对字符串和数字进行判空的方法，既简单又简洁，这版推荐给大家使用。这个方法，在Vue编译的过程中，会预先对变量进行判断并直接输出结果。Vue速度快的原因之一在于这个预编译，减少了大量的冗余的判断。提示：此方法在非Vue项目中使用可能无效，因为此方法必须经过Vue编译后才能生效。
vue项目使用$router.go(-1)返回时刷新原来的界面操作
10-15
主要介绍了vue项目使用$router.go(-1)返回时刷新原来的界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue中的this.$options.data()和this.$data用法说明
10-15
在问题描述中提到的情况，`resetData`方法尝试通过`Object.assign`重置`this.$data`，但直接调用`this.$options.data()`会导致`data()`内部的`this`不指向组件实例，因此无法访问`props`和`methods`。解决方案是通过...
基于Vue3 +ElementPlus的智慧社区前台管理界面源码.zip
05-06
基于Vue3 +ElementPlus的智慧社区前台管理界面源码.zip基于 Vue3、TypeScript、Element Plus、Vue Router、Pinia、Axios、Vite 等开发的管理系统模版。本资源中的源码都是经过本地编译过可运行的，评审分达到95分...
vue+particles.js+酷炫的前端登录界面.zip
05-17
在“vue+particles.js+酷炫的前端登录界面”项目中，Vue.js 被用来构建用户交互界面，尤其是登录界面，提供了一个高效、可复用的代码结构。 Particles.js 是一个用于创建粒子背景动画的库，它可以生成各种动态的...
小王的js学习笔记（三）——DOM文档对象模型
小王的博客
10-25 185
DOM文档对象模型 DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型，每种类型分别表示文档中不同的信息或标记。每个节点拥有各自的特点，数据和方法，另外也有与其他节点存在某种关系。节点之间的关系构成了层次，所有页面标记则表现为一个以特定节点为根节点的树形结构。通过HTML DOM，JavaScript能够访问和改变HTML文档的所有元素，当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 Node类型 JavaScript中
解决vue中获取数据，无法正常渲染的问题
ZH9421_HL的博客
03-01 2930
1、 this.$set( xxx ) this.$set(“改变的对象”，“改变的对象属性”，“值”) Vue.set( target, propertyName/index, value ) 保存变量，向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为Vue无法探测普通的新增属性） 2、 this.$delete( xxx ) Vue.delete( target, propertyName/index ) 删除对象的属性..
前端Vue框架
Mr_Jin的博客
11-15 1万+
封装了HTML，CSS ，JS的代码 按需搭建 特点：是一个轻量级的前端框架，双向绑定，数据动态更新 是一个渐进式的框架，其核心是数据驱动，组件化前端开发 Vue关注的，操作的是数据， 第一步：需要将vue.js文件导入到你的工程中 并把文件引入到html中 第二步：准备解析vue的数据，渲染区 展示的形式必须是 {{xxx}} 第三步：给第二步准备数据,需要写在script中，因为vue是基....................................
初识Vue.js（四）
许晨的博客
05-08 1138
4.1 了解 V-bind指令 在之前，我们已经了解过v-bind的基本用法和以及它的语法糖，主要用法是动态更新HTML元素上的属性。 在数据绑定中，最常见的两个需求就是元素的样式名称class和内联样式style的动态绑定，它们也是HTML的属性，因此可以使用V-bind指令。我们只需要v-bind计算出表达式最终的字符串就可以了，不过有时候表达式的逻辑比较复杂，使用字符串拼接方法难以阅读和...
vue项目中使用可选链 ( ?. )和双问号 ( ??）详解
@必意玲
10-10 1万+
配置完了,就可以在项目中使用可选链 (?. ) 和双问号 (?属性，如果不存在则设置默认值张三。文件添加 plugins 配置。
vue中的（ ？）和（？？）的用法
zlc516的博客
08-28 1万+
今天遇到一点小问题，查了查做个小记录，给大家分享一下，不对的地方还请大家多多指教。 storeValue (restitle) { document.title = restitle?.deptName this.title = restitle?.deptName this.tenantId = restitle?.tenantId } //this.title = restitle?.deptName 等价于 //this.title = restit
vue路由的问号方式传参
weixin_43930256的博客
12-05 3208
vue路由的问号方式传参
【Vue】Vue的$ref属性为空对象或者为undefined问题及解决办法（涵盖uniapp/H5/微信小程序）
热门推荐
徐海东的博客
07-13 2万+
目录问题：获取this.$refs为空对象或者为undefined原因一：在uniapp中，非H5端只能用于获取自定义组件，不能用于获取内置组件实例（如：view、text）解决方法：ref在非H5端使用在自定义的组件原因二：使用了版本过低的调试基础库原因三：ref组件使用了条件渲染，即v-if、v-show，这些DOM节点在mounted无法被访问到,详细可以看 深入响应式原理-Vue.js原因四：使用了v-for循环动态绑定ref（大部分时请求后端数据动态渲染DOM），this.$ref[name]获取
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值