//wxs 文件
var show = true;
var onIconClick = function (e, instance) {
show = !show;
}
function getShow() {
return show;
}
module.exports = {
show: show,
onIconClick: onIconClick
}
<wxs module="wxs" src="./searchbar.wxs"></wxs>
<view class="search" style="width:{{wxs.getShow() ? 260:25}}px" >
<view class="icon" bindtap="{{wxs.onIconClick}}"></view>
</view>
本想通过onIconClick 改变show 变量,show变量再影响页面style,现实wxml 一直是show的初始值false
用惯了react 以为小程序是可以的。还是我用错了? 这个变量只能放到js里?
看来没办办法,必须把这部分扔到js里。 统一到wxs是不现实的。
wxs的话,通常用来当成过滤器这种场景来用
这也用不到wxs啊,直接bindtap改变show的值 bindtap="onIconClick",然后 style="width:{{show ?260:25}}px" 不就行了 onIconClick() { this.setData({ show = !this.data.show }) }