随笔

• element在弹窗上使用图片预览出现蒙版在最上层

　　解决方法：（1）.在属性内加上这段代码：:append-to-body="true"

　　　　　　　（2）.在属性内加上这段代码：:modal-append-to-body="false"

　　

 

• UniApp加密传递数据&接收数据

　　传递数据：url: '/pages/login/index?data='+encodeURIComponent(JSON.stringify(data))

　　接收数据：var data = JSON.parse(decodeURIComponent(e.data))

 

• UniApp导航栏右侧操作

var webView = this.$mp.page.$getAppWebview();　　
（1）.隐藏导航栏右侧第一个按钮
　　webView.setTitleNViewButtonStyle(0, {
　　　　text: '',
　　　　width: 0
　　});

（2）.设置导航栏右侧第二个图标（注意图标的格式，不设置颜色）
　　webView.setTitleNViewButtonStyle(1, {
　　　　text: '\ue73f'
　　});

（3）.设置导航栏右侧第二个图标（注意图标的格式，设置颜色）
　　webView.setTitleNViewButtonStyle(1, {
　　　　text: '\ue652',
　　　　color: '#00D5A2'
　　});

（4）.设置导航栏右侧第一个文字（设置文字大小和宽度不是必选）
　　webView.setTitleNViewButtonStyle(0, {
　　　　text: '发布成功',
　　　　fontSize: '16px',
　　　　width: 'auto'
　　});

 

• UniApp标签替换为文字　　

var content = '<p><img src="http://files.zhizhuedu.cn/1619423562462_mmexport1605835753272.png" alt="图片"></p><p><img src="http://files.zhizhuedu.cn/1619423491758_mmexport1605925305446.png" alt="图片"></p>'
var imgReg = /<img[^>]*src[=\"\'\s]+[^\/]+\/([^\.]+)\.[^\"\']+[\"\']?[^>]*>/gi; //搜索img标签
content = content.replace(imgReg, "[图片]"); //替换img标签为文字“[图片]”
最终输出结果： '<p>[图片]</p><p>[图片]</p>'

 

• UniApp文本框禁止输入空格

<input v-model="title" maxlength="30" placeholder="请输入标题（最多输入30个字）" @input="inputTitle" />
//当键盘输入时，触发input事件
inputTitle: function(e) {
　this.title = this.title.replace(/[, ]/g,''); //删除空格
　if (this.title.length >= 30) {
　　uni.showToast({
　　　　title: '标题最多只能输入30个字',
　　　　icon: 'none'
　　});
　}
}

 

• UniApp富文本编辑器内容去除空格和替换尖括号乱码

　　content = content.replace(/amp;/g, '').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/[, ]/g,'');