滑动屏幕即可出现错误: 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"
wenju
- 发布：2020-08-06 11:27
- 更新：2020-08-10 17:26
- 阅读：1221
产品分类： uniapp/小程序/阿里
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 2.8.3
第三方开发者工具版本号： 支付宝小程序开发工具1.13 Stable
基础库版本号： 最新
项目创建方式： HBuilderX
操作步骤：
预期结果：
不应该出现此错误
不应该出现此错误
实际结果：
不应该出现此错误
不应该出现此错误
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>
