Twitter bootstrap vue-clipboard2在引导vue模式内不工作

Twitter bootstrap vue-clipboard2在引导vue模式内不工作,twitter-bootstrap,bootstrap-vue,clipboard.js,Twitter Bootstrap,Bootstrap Vue,Clipboard.js,我在bootstrp vue模式中使用了vue-clipboard2插件。但文本不是复制 然后我尝试在引导vue模式中使用vanilla js复制到剪贴板。但文本不是复制 任何人都可以找出问题所在???此特定问题的答案在以下位置的文档中 通过使用容器选项: let container = this.$refs.container this.$copyText("Text to copy", container) 或者,您可以通过执行以下操作,让vue-clipboard2将容器设置为当前元素:

我在bootstrp vue模式中使用了vue-clipboard2插件。但文本不是复制

然后我尝试在引导vue模式中使用vanilla js复制到剪贴板。但文本不是复制


任何人都可以找出问题所在???

此特定问题的答案在以下位置的文档中

通过使用容器选项:

let container = this.$refs.container
this.$copyText("Text to copy", container)
或者,您可以通过执行以下操作,让vue-clipboard2将容器设置为当前元素:

import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'

VueClipboard.config.autoSetContainer = true // add this line
Vue.use(VueClipboard)

此特定问题的答案在的文档中

通过使用容器选项:

let container = this.$refs.container
this.$copyText("Text to copy", container)
或者,您可以通过执行以下操作,让vue-clipboard2将容器设置为当前元素:

import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'

VueClipboard.config.autoSetContainer = true // add this line
Vue.use(VueClipboard)

以下内容适用于我,并使用了大多数现代浏览器支持的新版本(有关更多详细信息,请参阅),不需要vue剪贴板

//如果要从元素复制文本
函数copyTextFromElement(elementID){
let element=document.getElementById(elementID);//选择元素
让elementText=element.textContent;//从元素中获取文本内容
copyText(elementText);//使用下面的copyText函数
}
//如果您只想在剪贴板中放入一些文本,请使用此功能
//并将字符串作为参数传递给COPYED。
函数copyText(文本){
navigator.clipboard.writeText(文本);
}
这是一些需要复制的文本

复制
以下内容对我很有用,并且使用了大多数现代浏览器支持的新版本(有关更多详细信息,请参阅),不需要vue剪贴板

//如果要从元素复制文本
函数copyTextFromElement(elementID){
let element=document.getElementById(elementID);//选择元素
让elementText=element.textContent;//从元素中获取文本内容
copyText(elementText);//使用下面的copyText函数
}
//如果您只想在剪贴板中放入一些文本,请使用此功能
//并将字符串作为参数传递给COPYED。
函数copyText(文本){
navigator.clipboard.writeText(文本);
}
这是一些需要复制的文本

复制
能否提供一些关于如何同时使用两者的示例代码?只需在
Vue.use(VueClipboard)之前添加此行
VueClipboard.config.autoSetContainer=true
能否提供一些关于如何同时使用两者的示例代码?只需在
Vue.use(VueClipboard)之前添加此行
VueClipboard.config.autoSetContainer=true