.wxs與.js相似,但有其自己的語法,并不和javascript一致
導出時語法與js基本一致
在name渲染到頁面時才執行該方法
~~~
function sliceName(name) {
if (name) {
if (name.length > 6) {
return name.slice(0, 6) + "..."
} else {
return name
}
}
}
module.exports = {
sliceName: sliceName
}
~~~
在導入時有所不同,在引用時需要給module定義一個名字,被調用的方法均在該名下
~~~
<wxs src="../../../models/book.wxs" module="tools"></wxs>
<text>{{tools.sliceName(detail)}}</text>
~~~
注意事項:
* .wxs在使用時經常會在數據為渲染完成前開始調用,所以需要給其添加判定,只有所需要渲染的數據存在時才能調用里面的方法
- 小程序環境配置
- 1.生命周期
- 頁面生命周期
- 組件生命周期
- 2.小程序組件
- 點擊事件bindtap|catchtap
- swiper輪播
- wx:for循環
- 播放音樂
- map
- tabBar底部頁面切換
- scroll-view可滾動視圖區域。
- web-view裝載顯示網頁
- priviewImage新頁面預覽照片
- chooseImage本地選擇照片
- onReachBottom上拉刷新,加載等待條
- setStorage緩存
- showToast彈出提示框
- slot父組件wxml傳遞到子組件
- form表單
- 小程序.wxs,方法在.wxml調用
- 3.組件前身:模板、模板傳參
- 4.自定義組件、組件傳參|傳wxss|wxml代碼
- 5.小程序正則
- 6.小程序頁面跳轉
- 7.open-type 微信開放功能
- 實例
- 1.第一個實例 hello world
- 2.第二個實例豆瓣電影數據渲染
- 豆瓣1.0基本版
- 豆瓣2.0升級版
- 豆瓣3.0豪華版
- 3.第三個實例多接口在同一頁面使用
- HTTP封裝
- 基礎報錯提示,類式封裝
- Promise回調,類式封裝