网页内容复制粘贴出现方框空白格的解决

  最近,需要对GEE网页中的代码复制到另一个网页中,却发现复制、粘贴后得到的是一个白色的矩形空白格。
  例如,假如需要将下图红色圈内的GEE代码复制到CSDN博客编辑器中:

在这里插入图片描述
  得到的结果却是“”样子的方框,如图:
在这里插入图片描述
  刚开始以为是GEE为了防止代码抄袭所以不允许代码的复制粘贴,也就没当回事;今天偶然发现,在一些云笔记的网页端中,文字复制同样具有上面的问题。说明这应该就不是GEE网页的限制问题了。
  随后多次尝试发现,是油猴中具有解除网页复制限制功能的Remove web limits脚本导致的问题;若将这一脚本关闭,则网页端的文字复制粘贴就恢复了正常。关闭后如下图:

在这里插入图片描述
  关闭后,重新复制上述代码:
在这里插入图片描述
  可见,可以将本文第一张图中的代码复制到别的网页中了。
  更进一步的,那么,既然是Remove web limits脚本导致的问题,是不是我们只能将其关闭才可以避免类似的情况出现呢?可是关闭后,如果想再次用这一脚本的功能,还需要再次打开,好麻烦。关于这点,大家可以查看这篇博客(https://blog.csdn.net/zhebushibiaoshifu/article/details/114547659)中的解决办法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要实现 vue-treeselect 的校验功能并显示红色方框,需要在使用该组件时结合表单验证库使用。以下是一个示例代码: ```html <template> <div> <treeselect v-model="selected" :options="options" /> <span v-show="errors.has('selected')" class="text-red-500">{{ errors.first('selected') }}</span> </div> </template> <script> import { required } from 'vee-validate/dist/rules'; import { extend } from 'vee-validate'; import { ValidationProvider } from 'vee-validate'; import Treeselect from '@riophae/vue-treeselect'; extend('required', { ...required, message: '必填项' }); export default { components: { Treeselect, ValidationProvider }, data() { return { selected: null, options: [ { id: 1, label: '选项1', children: [ { id: 2, label: '选项1-1' }, { id: 3, label: '选项1-2' } ] }, { id: 4, label: '选项2' } ] }; }, validations() { return { selected: { required } }; } }; </script> ``` 在上面的代码中,我们使用了 `vee-validate` 库来进行表单验证,并在 `Treeselect` 组件上添加了 `ValidationProvider` 组件进行验证。在 `validations` 中定义了 `selected` 的验证规则为必填项。当 `selected` 未选中时,`errors.has('selected')` 返回 `true`,此时在页面上会显示红色方框以及错误提示信息。 需要注意的是,如果你的 `vee-validate` 版本为 4.x,那么可以将 `ValidationProvider` 组件直接替换成 `ValidationProvider4`。另外,如果你的项目中使用了其他的表单验证库,也可以将其与 vue-treeselect 结合使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

疯狂学习GIS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值