WXS脚本
在页面内定义:
<!--pages/message/message.wxml-->
<view>当前舰名:{
{m1.sname}}</view>
<wxs module="m1">
var sship = "奋斗号";
module.exports = {
sname : sship,
}
</wxs>
通过外部定义后在页面引用
// /utils/shipt.wxs
var swork = "舰队人员";
var snumb = 10;
module.exports = {
swork : swork,
snumb: snumb,
};
<!--pages/message/message.wxml-->
<wxs module="m2" src="/utils/shipt.wxs"></wxs>
<view>本级舰船配置 {
{m2.swork}}:{
{m2.snumb}}人</view>
自定义组件
新建自定义组件
根目录新建“components”文件夹,并新建组件文件夹。
局部引用
在需要引用组件的页面JSON文件中启用。
"usingComponents": {
"my-test1":"/components/test1/test"
},
全局引用
在app.json目录中,引入上方代码,即可全局启用。
自定义组件的事件与方法
自定义组件的事件与方法需要定义在methods中。
methods: {
addCount(){
this.setData({
count: this.data.count +1
})
this._showCount()
},
_showCount(){
wx.showToast({
title: '当前价格是' + this.data.count,
icon:'none'
})