当前位置: 首页 > 工具软件 > Oejia_wx > 使用案例 >

【小程序的wxs转到uniapp/Vue中使用】

吕骞尧
2023-12-01

var filter = {
  indexOf: function (string, value) {
    return string.indexOf(value) >= 0;
  },
}
// 导出对外暴露的属性
module.exports = {
  indexOf: filter.indexOf,
}

二、 注册
在uni-app/Vue中实际上就是将这些方法注册为一个个过滤器来使用,在main.js中注册为全局过滤器

import App from './App';
import filter from './test/utils.js';

// Api函数polyfill(目前为实验版本,如不需要,可删除!)';
import Polyfill from './polyfill/polyfill';
Polyfill.init();

// 全局mixins,用于实现setData等功能,请勿删除!';
import Mixin from './polyfill/mixins';

// #ifndef VUE3
import Vue from 'vue';

Vue.mixin(Mixin);
Vue.config.productionTip = false;
App.mpType = 'app';
const app = new Vue({
    ...App
});

// 遍历文件中的所有方法注册为一个个的过滤器
for(let key in filter){
	Vue.filter(key,filter[key]);
}

app.$mount();

三、 使用过滤器

	<!-- 多参数的时候使用功能过滤器,message为数据,indexOf可以放更多的数据项-->
	<text>{{message | indexOf('sex') }}</text>

	<!-- 只有一个参数直接使用即可 -->
	<text>{{message | indexOf }}</text>
 类似资料: