微信小程式學習 audio元件發現的幾個問題

2021-07-23 19:27:26 字數 1105 閱讀 8242

這個只測試了action的method=play的情況下,其它的方法我有稍微改變了下src和action方法,發現只要一切換其它action方法和src歌曲後,歌曲都是未開播狀態,所以應該不會出現什麼問題。主要是play的情況下有幾個小問題需要注意下!先上官方原始碼:

wxml::

js::

page(,

audioplay: function ()

})},

onload: function(options)

})

以上是官方原始碼,執行都正常,但是我做了如下測試:

1、action的賦值方式

this.setdata()

page(

},audioplay: function () )

})

演示效果:

或者下面這種方式也可以:

page(,

audioplay: function () )

this.setdata()

})

總結以上兩種方案:

1、初始化data不設定action,可以使用"action.method": "play"修改狀態

2、修改src曲目的時候不管有沒有初始化設定action,修改action的狀態都要分開設定

微信小程式元件

class屬性 可以設定樣式,如果與動態資料繫結結合,元件的class具有動態變化的能力 style 通過style設定元件的內聯樣式,style屬性值中可以設定css的各種屬性 hidden 預設為false,不隱藏 data 屬性 可以用來為元件設定任意的自定義的屬性值,當元件繫結的事件觸發時,...

微信小程式 元件

官方文件見 我們的封裝 var basecomponentoption require utils basecomponentoption var option basecomponentoption.init 最小值限制 min 最大值 max 當前值 value 傳參物件,和 官方文件一致,只是...

微信小程式 Tabs元件

如果想要個性的話,可以自己修改了。這次是寫乙個tabs的元件,根據不同的狀態,回來切換操作,標記一下,先看一下效果圖 獲取,試例裡用匯入的引用,都可以從github裡找到。tabs.wxss 檔案.tabscss tabscss tab tabscss last child tabscss tab ...