uniapp 小程序 vue TypeError: Cannot read property ‘toString‘ of undefined 手机号脱敏

已于 2023-07-21 10:54:11 修改
阅读量1.3k 收藏
点赞数
文章标签： uni-app 小程序 vue.js
于 2023-07-07 10:43:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maoge_666/article/details/131591928
版权

在这里插入图片描述
18888888888 脱敏为 188****8888

是因为对字符串使用toString的时候页面中的数据还没有加载 。

错误代码：
在这里插入图片描述

可以使用 v-if
修改为：
在这里插入图片描述

手机号脱敏

<text v-if="ownerPhone">{{ownerPhone.toString().replace(/^(1[3-9][0-9])\d{4}(\d{4}$)/, '$1****$2')}}</text>
maoge_666
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp - 项目运行/打包编译/分包报错 TypeError: Cannot read property call of undefined，uni-app控制台出现一堆这种报错（详细解决方法）
高级前端工程师
05-20 5263
uni-app，TypeError: Cannot read property call of undefined，报错，安卓app，苹果app，微信小程序，移动端，H5网页，手机网站，微信小程序、支付宝小程序，手机app端，nvue，微信小程序分包报错，uniApp小程序平台分包失败怎么办，uniapp运行编译报错解决方案，UniApp移动端网页控制台报错，详细解决办法，清缓存重新编译，热重载，开启压缩代码还是不行怎么办，刷新或者重启一下又好了，过一会又开始报错，vue，分包，小程序分包，支付宝小程序分包
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
热门推荐
郭宝的博客
06-24 11万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解...
vue身份证号、手机号、姓名脱敏处理
ppzhu1122的博客
12-15 4377
姓名脱敏： 2位到5位以上的不同处理 hideInsurantName (val) { if (!val || val === '') return '' let name = '' if (val.length === 2) { name = val.substring(0, 1) + '*' // 截取name 字符串截取第一个字符， } else if (val.length === 3) { name..
微信小程序前端电话号码脱敏展示
HuLuWa1997的博客
12-03 1557
<wxs module="phone"> var toHide = function (array) { var mphone = array.substring(0, 3) + '****' + array.substring(7); return mphone; } module.exports.toHide = toHide; </wxs> <view class="textStyle"> {{phone.toHide(it
uniapp——银行卡号脱敏
最新发布
努力、拼搏、奋进
07-09 355
uniapp——银行卡号脱敏
微信小程序报错：Cannot read property ‘toString‘ of undefined at Yw.fillText
m0_59638475的博客
04-13 830
原因：fillText括号里面第一个参数是字符串形式（填充的文本），虽然txt打印出来的是字符串格式但是还是报错 加上。这行代码即可（隐式转换）
Cannot read property ‘toSrting‘ of undefined
uaena的博客
01-05 2294
注意红色框里的，i <= arr.length， 而这个数组长度是8，下标 i 等于8的时候没有对应的数啊！所以是undefined，而undefined不能在用toString了，所以报了这样的错误：不能读取undefined的错误。 任何不存在的下标去读都是，undefined。而undefined不是一个对象，所以也不能使用toString 就是toString 前面有问题，把toString 前面打出来就可以了 下标 i 等于8的时候是第9项，没有arr[i] ...
[Vue warn]: Error in render: “TypeError: Cannot read property ‘toString‘ of undefined“----避坑
weixin_51194402的博客
12-03 1600
今天作者又出现这样的错误，可以说是家常便饭啦，那么我来说一下怎么简单的使以上错误得以解决！！ 其实最简单直接的方法就是使用三元运算符 一开始作者使用了一个js功能模块 let price = function(num,type=0){ const numStr = num.toString() const arr = numStr.split(".") const int = arr[0] var float if(arr.length == 1){ float = "00"
TypeError: Cannot read property 'toString' of undefined
WinstonLau的博客
04-28 3万+
背景 博主在测试 Node.js 的异步操作时，如果直接在 ~ 目录下使用 node 命令运行文件，就会报 TypeError: Cannot read property ‘toString’ of undefined 的错误，但如果是先进入到文件所在的目录下，再使用 node 命令运行文件就是正常的，原因在下面解释 代码 var fs = require("fs"); fs.readFil...
记录【1】Vue遇到的bug , 点击按钮出现Cannot read property 'toString' of undefined的解决方法
qq_40906004的博客
06-26 1万+
在做上传文件时，点击按钮向后端传递数据时，出现了 Cannot read property ‘toString’ of undefined 的bug，很让人无厘头及不解，在网上找了好久才找到了一个可用的解决方法 将axios的请求超时设定为axios.defaults.timeout = 50000；//50s 这样解决了因传输文件太大，导致前端请求超时，直接拒绝向后端传递数据的bug. 这是关...
vue + uniapp Uncaught TypeError: Cannot read property ‘getters‘ of undefined
pz3305636904的博客
08-05 1325
Uncaught TypeError: Cannot read property ‘getters’ of undefined 在迁移 vuex 相关代码时，启动的时候报：Uncaught TypeError: Cannot read property 'getters' of undefined store/index.js文件： import Vue from 'vue' import Vuex from 'vuex' import getters from './getters.js' Vue.
Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案
王佳斌
11-07 6628
vue2，Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，vue2怎么解决npm run serve时的Cannot
uniapp中‘TypeError: Cannot read property ‘state‘ of undefined’问题的解决
Aphea的博客
10-06 2万+
问题描述： 在uni-app项目中，使用vuex； 在store/index.js中设置好了state后（简化代码如下）： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { hasLogin: 0 } }) export default store 在其他页面中访问state（简化代码如下）： onLoad() { if (!this.$store
[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined（reading“toString“）
2201_75705263的博客
09-06 2144
在我们写了大量的标签但是实际上却出现了无任何东西，一查看控制台就出现了这样的错误提示。
前端报错TypeError: Cannot read properties of undefined (reading ‘toString’)
F&Y的博客
11-08 1万+
前端以弹框形式报错TypeError: Cannot read properties of undefined (reading ‘toString’) 我所遇到的是对一个数据进行toString()操作。例如对一个变量a进行toString()操作。但是此时变量a为undefined，那么就会报这个错。解决办法就是你定位到这个bug。你报错的时候执行了什么代码里面有没有toString()操作。然后有没有可能这个变量是undefined。 然后解决办法就是用三目运算或者加一个判断处理此种情况。下面就是
前端报错TypeError Cannot read properties of undefined (reading ‘toString’)
m0_67402235的博客
03-09 3751
前端以弹框形式报错TypeError: Cannot read properties of undefined (reading ‘toString’) 我所遇到的是对一个数据进行toString()操作。例如对一个变量a进行toString()操作。但是此时变量a为undefined，那么就会报这个错。解决办法就是你定位到这个bug。你报错的时候执行了什么代码里面有没有toString()操作。然后有没有可能这个变量是undefined。 然后解决办法就是用三目运算或者加一个判断处理此种情况。下面就是判断
手机号脱敏处理
weixin_43963309的博客
03-24 583
let len = num.length if (len && len > 4) { return num.substring(0, 3) + '****' + num.substring(len - 4, len) } }
小程序 无缘无故报Cannot read property 'toString' of undefined
qq_37058045的博客
08-14 1万+
方法执行成功，但是却报了这种错，加上if判断，做隐式转换就可以了 function bankNumFormat(bank) { // var bank = num.toString();//会报undefine错 if(bank){ // } return bank; } ...
手机号和用户名脱敏显示
DE_Shaw的博客
04-10 1248
手机用户名脱敏显示 /* * 过滤手机号脱敏显示 */ export const phoneShow = (mobile) => { let reg=/(\d{3})\d{4}(\d{4})/ let tel = mobile.replace(reg, "$1****$2") return tel } /* * 过滤用户名称脱敏显示 */ export const userNameShow = (str) => { return str.length
uniapp使用three提示TypeError: Cannot read property 'createElementNS' of undefined
09-09
感谢您的提问！关于您遇到的错误，可能是由于在UniApp中使用Three.js时，没有正确加载或初始化必需的依赖项所致。以下是一些可能的解决方法： 1. 确保您已正确安装并导入Three.js库。您可以通过以下方式之一来导入库： - 在`index.html`文件的`<head>`标签中添加以下代码： ```html <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> ``` - 或者在您的项目中使用npm或yarn安装Three.js，然后在需要的页面或组件中导入它： ```javascript import * as THREE from 'three'; ``` 2. 确保您在使用Three.js之前，已经正确初始化了Vue或其他框架，例如在`main.js`文件中导入Vue并进行初始化： ```javascript import Vue from 'vue'; // ...其他导入 new Vue({ // ...Vue实例配置 }).$mount('#app'); ``` 3. 如果上述步骤都正确无误，并且问题仍然存在，则可能需要检查您的浏览器环境是否支持使用Three.js。确保您的浏览器版本是最新的，并检查是否有其他可能干扰Three.js运行的浏览器插件或扩展。 如果上述解决方法都没有帮助，请提供更多关于您的代码和错误堆栈的详细信息，以便我能够更精确地帮助您解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值