uni app 根据绑定数据显示文本

最新推荐文章于 2024-01-09 11:12:44 发布

原创最新推荐文章于 2024-01-09 11:12:44 发布 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

uni-app 专栏收录该内容

27 篇文章

订阅专栏

本文介绍如何在uniapp中实现文本的动态显示与异常数据过滤，包括文本为空时的占位处理，确保页面显示正常。

uni app 根据绑定数据显示文本

服务器返回异常数据时，自动过滤判断显示

另: 如何在文本为空情况下，可以占位，让页面显示正常

用& nbsp;替换文本显示，能占位且不显示。

<template>
	<view>
		<view>{{!isEmpty(show)?show:''}}</view>
		<view>{{!isEmpty(show2)?show2:'&nbsp;'}}</view>
		<view>{{show3?'查看**信息':'基础**情况'}} </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: 'hello',
				show2: '',
				show3: true
			}
		},
		methods: {
			isEmpty(value){
				if (!value || typeof(value) == "undefined" || value == 0) { 
					return true;
				} else {
					return false;
				}
			}
		}
	}
</script>

<style>
</style>