为什么不能动态渲染 修改背景图呢/
this.$refs.poster.render(jsondata);
不生效
h***@163.com
- 发布：2024-02-04 14:55
- 更新：2024-09-11 17:34
- 阅读：257
4 个回复
陌上华年
肯定是可以的，贴一下代码吧
g***@163.com
<l-painter ref="painter"></l-painter>
posterObj: {
css: {
width: '670rpx',
height: '1192rpx',
background: '#fff',
borderRadius: '16rpx',
},
views: [
{
type: 'image',
src: '/static/images/poster.jpg',
css: {
position: 'absolute',
left: '0',
top: '0',
width: '100%',
height: '100%',
}
},
{
type: 'image',
src: '',
css: {
position: 'absolute',
left: '185rpx',
top: '440rpx',
width: '300rpx',
height: '300rpx',
}
},
图片是动态获取二维码，得到二维码后调用 this.$refs.painter.render(this.posterObj);
Cannot read property 'render' of undefined
at VueComponent.renderPoster (poster.js:465)
at Object.success (poster.js:223)
at Function.I.forEach.v.<computed>
急急急
陌上华年
没找到render就是插件还没有页面上。
2024-04-17 14:10
g***@163.com
请问一下 应该怎么排查为什么不在页面上？
陌上华年
插件不在页面上，1、导入插件后没有重新编译。2、插件在页面还没有渲染，这原因有插件生命周期比页面晚，另外如果你使用了vif之类的。
2024-04-17 14:24
g***@163.com
回复 陌上华年: 不仅重新编译了，还重启小程序了，没有使用vif ，至于您说的页面还没有渲染， 页面全部数据全都出现了， 点击按钮后 this.$refs.painter; 都是undefined
2024-04-17 14:35
g***@163.com
回复 陌上华年: $nextTick也用过
2024-04-17 14:37
陌上华年
回复 g***@163.com: Q群1169785031
2024-04-17 14:38
g***@163.com
回复 陌上华年: 您好。密码多少，第一次添加还显示添加成功，重新添加就不行了
2024-04-17 14:45
陌上华年
回复 g***@163.com: true
2024-04-17 14:48
2***@qq.com
调用 this.$refs.painter; 重绘 提示绘制成功 这边页面白屏是因为啥