在 小程序使用wxs的实现方法
一、在utils文件下建立一个fmt.wxs文件小程序
subStr: function (str) {
if( str !== undefined ){
var xx = str.substring(3, 7);
var values = str.replace(xx, "****");
return values;
}
}
module.exports = {
subStr: subStr
}
二,在页面中使用
<!-- 1 引入 -->
<wxs src="../../utils/fmt.wxs" module="interupt" />
<!-- 2 引用 -->
<text>{{interupt.subStr(distance)}} </text>
在uniapp中使用filter来实现这个功能
1, 在utils文件下建立一个dfilters.js文件
const dfilters = {
subStr: function (str) {
if( str !== undefined ){
var xx = str.substring(3, 7);
var values = str.replace(xx, "****");
return values;
}
}
}
export default dfilters;
2, 在main.js中引入并注册(在new Vue前注册)
import dfilters from '../utils/dfilters';
for (let key in dfilters) {
Vue.filter(key, dfilters[key]);
}
3,在组件中使用
电话:{{ shopgoods.gprice | subStr }}
在uniapp中与小程序功能使用一致方法
1, 在utils文件下建立一个fmt.js文件
subStr: function (str) {
if( str !== undefined ){
var xx = str.substring(3, 7);
var values = str.replace(xx, "****");
return values;
}
}
module.exports = {
subStr: subStr
}
2 ,在页面中使用
引入:const ftms = require("@/utils/fmt.js");
在data中注册:
data(){
fmt: ftms
}
在组件中使用:
<text>{{fmt.subStr(distance)}} </text>
此以上三种方法解决 在原生小程序 , uniapp使用wxs。如有不懂,可以再下方评论