wenju
wenju
  • 发布:2020-08-06 11:27
  • 更新:2020-08-10 17:26
  • 阅读:570

【报Bug】支付宝小程序props频繁更新时,会报单项数据流的错误..其他平台正常..

分类:uni-app

产品分类: uniapp/小程序/阿里

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 2.8.3

第三方开发者工具版本号: 支付宝小程序开发工具1.13 Stable

基础库版本号: 最新

项目创建方式: HBuilderX

操作步骤:

滑动屏幕即可出现错误: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "point"

预期结果:

不应该出现此错误

实际结果:

不应该出现此错误

bug描述:

<template>  
    <view class="page-warp" @touchmove="touchmoveEvent">  
        <view class="point">当前手指坐标:</view>  
        <view>{{point}}</view>  

        <!-- 把point传入子组件会报单向数据流的错误,只有支付宝小程序会出现问题 -->  
        <bubble :point="point"></bubble>  
    </view>  
</template>  

<script>  
    import Bubble from './bubble.vue'  
    export default {  
        components: {  
            Bubble  
        },  
        data() {  
            return {  
                point: ''  
            }  
        },  
        methods:{  
            touchmoveEvent(e){  
                this.point = JSON.stringify({x: e.touches[0].pageX, y: e.touches[0].pageY})  
            }  
        }  
    }  
</script>  

<style>  
    page,  
    .page-warp{  
        height: 100%;  
    }  

    .point {  
        font-size: 40rpx;  
        padding: 20rpx;  
    }  
</style>

bubble.vue:

<template>  
    <view>  
        <view>把坐标传入子组件:</view>  
        <view>{{point}}</view>  
    </view>  
</template>  

<script>  
    export default {  
        props:{  
            point: String  
        }  
    }  
</script>
2020-08-06 11:27 负责人:无 分享
已邀请:
DCloud_UNI_HT

DCloud_UNI_HT

复现了,除了这个报错,你的实际功能上有影响吗 ?

wenju

wenju (作者) - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件

功能运行正常.. 只是这个一直提示错误.. 其他人以为我写的代码有问题..┭┮﹏┭┮

要回复问题请先登录注册