Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

自定义vue节点,使用el-input组件, type为textarea,导出图片时,textarea的内容没有导出,显示为空 #4363

Open
leixinglong opened this issue Jul 18, 2024 · 4 comments

Comments

@leixinglong
Copy link

问题描述

自定义vue节点,使用el-input组件, type为textarea,到处图片时,textarea的内容没有导出,显示为空,有一个issue,说的是input标签,内容显示为空,没有设置value属性,已经尝试设置了value属性,导出还是显示未空。

重现链接

见代码

重现步骤

使用toPng()进行图片导出

预期行为

自定义vue节点,使用el-input组件, type为textarea,导出图片时,textarea的内容需要显示

平台

  • 操作系统: [Windows]
  • 网页浏览器: [Google Chrome]
  • X6 版本: [2.16.1]

屏幕截图或视频(可选)

画布显示:
image
导出显示:
image

补充说明(可选)

自定义Node组件:
<ElInput class="input-text" v-model="text" type="textarea" @blur="blur" resize="none" maxlength="255"
:show-word-limit="true" />

@x6-bot
Copy link
Contributor

x6-bot bot commented Jul 18, 2024

👋 @leixinglong

Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.
We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

@zlecheng
Copy link

zlecheng commented Aug 5, 2024

楼主,这个问题解决了吗?我也遇到了

@leixinglong
Copy link
Author

没有,没人响应。。。。

@PalmerShuai
Copy link

如果只是想导出图片的话,就使用html-to-image吧

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants