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

copyable 不生效是为什么 #82

Closed
Blusez opened this issue Nov 8, 2021 · 8 comments
Closed

copyable 不生效是为什么 #82

Blusez opened this issue Nov 8, 2021 · 8 comments

Comments

@Blusez
Copy link

Blusez commented Nov 8, 2021

image

版本"vue-json-viewer": "^2.2.19",

@lingtaoluo
Copy link

这个复制按钮好像是有点问题,按照官方的文档配置后,发现是没有效果的。
image
解决方法:
1.你可以用浏览器的开发者工具看下,会发现右上角其实有个copy按钮的html元素,表面上看起来不奏效,其实是因为这个span标签没有文本内容
image
2.查看官方文档可以看到有个插槽可以用
image
3.那么可以利用这个插槽来显示按钮文本,然后copy按钮就显示出来了
image
image
效果:
image

@xxwangkaimin
Copy link

确实呀,最新的版本都不行,必须加上slot才可以
image

@xxwangkaimin
Copy link

源码示例里面加属性是可以的,但是在自己项目里面是不行的,按照正常流程,加属性和加slot任意一个应该都生效的

@SealinGp
Copy link

+1 同问题

@zouchanglin
Copy link

加上slot确实可以解决

@xiepu1212
Copy link

我是按钮可以显示,但是在Dialog控件下面的copy点了没作用,有人遇到过这种情况吗?

@Blusez Blusez closed this as completed Apr 2, 2022
@lingtaoluo
Copy link

lingtaoluo commented Apr 2, 2022

@xiepu1212 你说的这个问题,可能是因为复制的时候挂载点的问题,由于你是弹窗,所以你的复制功能的挂载点需要调整到弹窗的dom。但我不太清楚这个库有没有在这一点做优化。

@xiepu1212
Copy link

@xiepu1212 你说的这个问题,可能是因为复制的时候挂载点的问题,由于你是弹窗,所以你的复制功能的挂载点需要调整到弹窗的dom。但我不太清楚这个库有没有在这一点做优化。

我看见我的问题貌似在2.2.19版本已经解决了,我去更新一下看看

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

6 participants