微信小程序observers属性监听器 swiper 实现相册组件类似 slideTo 定位到指定页功能

最新推荐文章于 2024-07-04 23:24:27 发布

幽幽靖

最新推荐文章于 2024-07-04 23:24:27 发布

阅读量875

点赞数 1

分类专栏：微信小程序

本文链接：https://blog.csdn.net/ws19900201/article/details/103524583

版权

本文介绍了如何利用微信小程序的observers属性监听器来创建一个相册组件，通过swiper实现类似slideTo的功能，允许用户定位到相册的指定页面。文中提及的实现方式部分参考了相关博客文章。

摘要由CSDN通过智能技术生成

微信小程序observers属性监听器

Component({
   
  properties: {
   
    // 这里定义了innerText属性，属性值可以在组件使用时指定
  },
  data: {
   
    // 这里是一些组件内部数据
    //content: 'sdcedc', //主件的数据显示权比behavior高
    amount: 1,
    price: 2,
    priceall: 0
  },
  observers:{
    //观察者：属性监听
    'amount'(data) {
     //单个监听
      console.log('数量改变了')
    },
    'amount,price'(amount, price) {
     //多个监听
      this.setData({
   
        priceall: amount * price
      })
    }
  },
  methods: {
   
    // 这里是一个自定义方法
    changee(e) {
   
      let amounts = e.detail.value
      // console.log(amounts)
      this.setData({
   
        amount: amounts
      })
      console.log(this.data.amount)
      // this.data.amount = e.detail.value
    }
  }
})