What if i need to use Clipboard in bootstrap modal and in usuall place?

Question

What if i need to use Clipboard in bootstrap modal and in usuall place?

moneyinvest opened this issue 5 years ago · comments

moneyinvest commented 5 years ago

I cant make it working in both places using container option. What to do?

moneyinvest · Answer 1 · Fri Feb 28 2020 17:52:23 GMT+0800 (China Standard Time)

I used in modal this code
this.$copyText(text, this.$refs.container), container is ref to our button copy.
it works

Inndy · Answer 2 · Thu Mar 12 2020 15:42:35 GMT+0800 (China Standard Time)

Minimal reproduction sample please

Giuliano Macedo · Answer 3 · Sun May 23 2021 22:07:58 GMT+0800 (China Standard Time)

As stated by @moneyinvest you can solve this problem by using this.$copyText and passing the ref of a container that your element with v-clipboard is in.

Alternatively you can use VueClipboard.config.autoSetContainer = true in your main.js and the directive will work.

@Inndy Reproduction Sample with both solutions
https://codesandbox.io/s/bootstrap-modal-vue-clipboard2-cx05k?file=/src/App.vue