Vue.js 禁用密钥绑定在Vue中复制/粘贴

Vue.js 禁用密钥绑定在Vue中复制/粘贴,vue.js,Vue.js,我第一次在Vue工作。我有一个带有ID确认的表单,我需要限制CTRL+C、CTRL+v和右键单击复制/粘贴输入 表格的代码如下所示: 从“vuelidate”导入{validationMixin} 数据(){ 返回{ 表格:{ id\u编号:“”, id\u编号\u验证:“”, }, } }, 计算:{ chunkedForm(){ 返回块([ {标签:“ID号”, 型号:“id_编号”, 键入:“编号”, 事件:null, 图标:'assignment_ind'}, {标签:“id号验证”,

我第一次在Vue工作。我有一个带有ID确认的表单,我需要限制CTRL+C、CTRL+v和右键单击复制/粘贴输入

表格的代码如下所示:


从“vuelidate”导入{validationMixin}
数据(){
返回{
表格:{
id\u编号:“”,
id\u编号\u验证:“”,
},
}
},
计算:{
chunkedForm(){
返回块([
{标签:“ID号”,
型号:“id_编号”,
键入:“编号”,
事件:null,
图标:'assignment_ind'},
{标签:“id号验证”,
模型:“id\u编号\u验证”,
键入:“编号”,
事件:null,
图标:'assignment_ind'},
], 2)
},
今天:功能(){
让currenDate=新日期()
返回currentDate.toISOString()
}
},
验证:{
表格:{
身份证号码:{
数字放大器,
必修的,
minLength:minLength(6),
maxLength:maxLength(11),
有效文件编号
},
id\u编号\u验证:{
数字放大器,
必修的,
minLength:minLength(6),
maxLength:maxLength(11),
有效文件编号,
sameAsDocumentNumber:sameAs('id\u number'))
},
},
},
我不知道这是否可能,我正在搜索一个Vue函数来帮助我处理这些键绑定


代码只是一个示例,可能有一些错误,但它给出了表单结构的概念以及我如何称呼它。

为了避免右键单击,您可以使用类似于
@click.right.provent的东西,这将阻止对元素及其子元素的单击。
通过以相同的方式绑定
copy
paste
事件,可以禁用Ctrl+C和Ctrl+V

您可以在这里看到一个工作示例,其中段落无法复制(除非您从源代码复制):

newvue({
el:'内容',
数据:{
},
方法:{
向下键:功能(e){
控制台日志(e)
}
}
})


你不应该模仿我<我也是