微信小程序检测槽组件改变

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。