<template>
<view class="container">
<view
class="m-echarts"
:prop="option"
:change:prop="testModule.setOption"
></view>
</view>
</template>
<script>
import * as echarts from 'echarts';
import { getValue, uuid } from '@/utils/index.ts';
export default {
props: {
option: {
type: Object,
default: () => ({})
},
width: {
type: [String, Number],
default: '100%'
},
height: {
type: [String, Number],
default: ''
}
},
}
</script>
<script module="testModule" lang="renderjs">
export default {
methods: {
setOption (newOption, oldValue, ownerInstance) {
// 此处无法接收到 newOption、oldValue、ownerInstance 三个变脸的值，打印出来的全是空的
}
}
}
</script>
1***@163.com
- 发布：2024-03-14 09:11
- 更新：2024-03-14 09:55
- 阅读：243
1***@163.com (作者)
写错了，是:prop="option"
2024-03-15 09:07
1***@163.com (作者)
我在本地测试手动加了一个按钮，触发变量更新，:change 后边的事件回调中的参数也没有接收到数据值，这是怎么回事呢
2024-03-15 09:09
爱tutu爱生活
回复 1***@163.com: 我这边的建议是这个变量里面默认有一个获取随机码或者时间戳的属性，这样每次点击按钮都可以触发回调
2024-03-15 09:25
1***@163.com (作者)
回复 爱tutu爱生活: 你当时也是用的vue3写的生成的app吗
2024-03-15 10:50
1***@163.com (作者)
回复 爱tutu爱生活: 好的，我试下
2024-03-15 10:50
爱tutu爱生活
回复 1***@163.com: 不是，我是用vue2的，是可以的，应该没多大差距吧？
2024-03-15 11:20
1***@163.com (作者)
回复 爱tutu爱生活: vue2的，我试着也是可以的，我试着vue3的不行，就很奇怪
2024-03-15 15:06
1***@163.com (作者)
回复 1***@163.com: 本来我想自己用renderJs封装一个echart组件的，结果到这里卡住了。我问公司其他人，他们给我推荐了一个开源的 https://www.ucharts.cn/v2/#/demo/index，^_^
2024-03-15 15:08