在小程序中直接调用函数

一、在小程序中是不能直接和 vue 一样直接调用函数的错误示范： <view > {{ getDateTime() }} </view>正确的方法是用 wxs 文件去调用加入wxs的文件调用 wxs 文件里面的函数就可以这样调用了；二、小程序使用 wxs在文件里面创建一个 wxs 文件...

996 前端小伙子

3185人浏览 · 2019-10-18 16:47:08

996 前端小伙子 · 2019-10-18 16:47:08 发布

一、在小程序中是不能直接和 vue 一样直接调用函数的

错误示范： <view > {{ getDateTime() }} </view>
正确的方法是用 wxs 文件去调用加入wxs的文件调用 wxs 文件里面的函数就可以这样调用了；

二、小程序使用 wxs

创建一个getDateTime.wxs文件，创建getDateTime函数
在wxs 文件中写入你要使用的方法

	 var filter = {
		  getDateTime: function (value) {
			  console.log('调用啦')
	  	}
	}
	module.exports = {
	  getDateTime: filter.getDateTime
	}

在需要使用getDateTime函数的页面头部引入getDateTime.wxs文件

  <wxs module="getDate" src="./getDateTime.wxs"></wxs>

调用即可

  <view > {{ getDate.getDateTime() }} \</view>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^