微信小程序檢測槽組件改變

Question

我需要知道，是否可以檢測到自定義組件的插槽內容已更改。

這是我的組件：

//my-component.wxml
<view class = "wrapper">
<! - more code ->
<slot> </slot>
</view>

所以要使用它，我這樣做： <my-component> {{userName}} </my-component>

我需要檢測變量“ userName ”的每次值變化。 這是一個更簡單的示例，因為如果它是變量的值，它將在組件上創建一個屬性並創建一個觀察者。

我在網上搜索了很多，但沒有找到任何關於它的信息。

Answer 1

微信小程序沒有正面，如果要更改數據，可以使用this.setData({userName:'xxx'})。

否則，如果你想觀察視圖中的數據變化。你可以使用原始組件“輸入”。並綁定“輸入”的“更改”事件。

開發方法得到官方的支持。

如果你想使用 vue/react 開發你的小程序，你必須 select 其他技術棧或框架如 wepy/taro/uniapp。