cube-ui里使用cube-slide或cube-scroll中内容不能复制粘贴

最新推荐文章于 2021-11-02 13:37:00 发布
原创 最新推荐文章于 2021-11-02 13:37:00 发布 · 371 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

本文解析了cube-ui中cube-slide和cube-scroll组件阻止复制粘贴的原因，介绍了如何通过修改preventDefaultException配置项中的tagName来恢复所需元素的复制粘贴功能。

cube-ui里使用cube-slide或cube-scroll中内容不能复制粘贴

是因为在cube-slide和cube-scroll的源码中，阻止了某些元素的默认功能。preventDefaultException中tagName里的是默认功能没有被阻止的元素。
在这里插入图片描述
所以在使用该组件时，根据需要修改该配置项，将需要复制粘贴功能的元素添加到tagName里。
在这里插入图片描述

小虾壳
关注
使用cube-ui中的cube-slide开发公告栏，文字上下滑动，向上滚动效果的功能
weixin_42626475的博客
08-10 619
开发条件：使用cube-ui中的cube-slide开发公告栏，文字上下滑动，上下滚动效果的功能
利用cube-tab-bar 搭配cube-ui的组件(cube-slide ，cube-scroll)来做出App屏幕切换，Tab跟随页面变化效果
weixin_51935690的博客
04-11 835
擦
vue 中 cube-scroll的用法
曹焱的博客
07-06 8018
<cube-scroll     ref="scroll"     :scrollEvents="['scroll']"     @scroll="onScroll"     :data="saleHouseModelAppList"     :options="scrollOptions"     @pulling-up="onPullingUp" >
【cube-ui】使用ScrollNav组件实现菜单部分
aoteman_web的博客
11-30 815
介绍 先看看cube-ui组件库中ScrollNav组件的详细介绍：https://didi.github.io/cube-ui/#/zh-CN/docs/scroll-nav 这个组件实现了左右联动、顶部吸附…有其他需求可稍作修改 开始 options是better-scroll配置项，具体介绍：https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html#freescroll html代码部分 <template>
vue在移动端实现复制数值到剪贴版
weixin_30784945的博客
04-10 509
实现按键就指定内容复制到设备的剪贴版，这里是复制快递单号 html <div slot="footer" v-if="express.number" style="padding: 20px 0"> <span style="float: left;line-height: 30px">物流信息：{{express.company}}|{{ex...
cube-ui框架scroll / slide组件结合Vue框架keep-alive组件使用遇到的坑
jstljspservlet的博客
10-09 740
** 1. 使用keep-alive缓存的页面中如果使用了cube-ui的scroll相关组件，必须在activated方法中手动调用scroll组件的refresh()方法刷新，否则会出现无法上下滚动的情况 2.使用keep-alive缓存的页面中如果使用了cube-ui的slide相关组件，必须在activated方法中手动调用slide组件的refresh()方法刷新，否则会出现tab标签切...
浅谈基于Vue.js的移动组件库cube-ui
10-18
Cube UI包括一系列常用的移动端组件，例如：Button（按钮）、Checkbox（复选框）、Loading（加载提示）、Tip（提示）、Toast（通知）、Picker（选择器）、TimePicker（时间选择器）、Dialog（对话框）、ActionSheet...
cube-ui的横向滚动不好使，失效问题解决cube-scroll
曹焱的博客
06-11 3469
按照官方写上html <div class="scroll-list"> <cube-scroll ref="scroll" :data="tabsText" ...
cube-ui 移动端滑动效果
lovexiaoqiu的博客
06-27 3573
移动端，常见的tab切换效果比较多，今天，我就用cube-ui ，这个移动端非常火的UI框架来实现。我们使用vue来做tab切换效果的时候，往往倾向于用路由实现，其实也可以用组件来实现，而且在滑动效果的细节上更加完善。
Vue电商项目实战（二）
zhongliwen1981的专栏
12-03 2163
一、轮播图 1.1 基本用法 资料地址：https://didi.github.io/cube-ui/#/zh-CN/docs/slide 基本用法： <cube-slide :data="items" :interval="5000"></cube-slide> :data 代表轮播图的数据； :interval 代表滚动时间间隔，以毫秒为单位； 1.2 定义轮播图 打...
cube-scroll-nav 单页面滑动
08-23
cube-scroll-nav 类似唯品会头部导航滑动 单页面.......
vue之实现移动端的复制粘贴功能（两种写法）
牛先森家的博客
01-09 3477
实现vue移动端的复制粘贴
Vue2.6+VueCli4.3+CubeUI 完成小D课堂移动端
qq_43645678的博客
10-04 1008
小滴课堂移动端项目总结笔记
关于Cube-ui 结合vue 实现滚动
a36267862的博客
05-14 4896
https://www.imooc.com/article/25858https://github.com/cube-ui/cube-application-guidehttps://www.jishux.com/plus/view-651615-1.htmlhttps://www.jianshu.com/p/48167450e5c1配置：packjson导入：import Vue from 'v...
cube-ui 自定义dialog一闪而过的问题
糖小七_Zz的博客
11-07 677
问题描述 之前这个 dialog 在测试页的时候是能正常弹出并且显示的。 某个页面点击某个div时弹出自定义的dialog，发现这个dialog 并没 有显示，有点奇怪。 问题排查 一开始觉得有可能是dialog显示了被遮挡住了，所以看起来没有显示。然后修改z-index属性，发现还是一样的效果。 看来问题没有这么简单，还是仔细的分析一下… 最外层是个cube-slide,cube-slide...
STM32CubeIDE 复制工程
weixin_42297926的博客
11-02 6334
以复制“3 LED”为例 1,右键“3 LED”->copy 2，右键Project Explorer空白处->Paste->修改工程名字 3，修改“.ioc”文件，与工程名字保持一致，否则报错 4，删除工程目录下的 .mxproject文件，否则只要打开 .ioc 文件启动 cubemx 重新配置工程，原工程中的 Core -> Src 的文件就会消失。（参考添加链接描述） 5，双击.ioc文件（稍微修改一个处），重新生成一次代码，OK ...
cube-slide竖向轮播坑
曹焱的博客
06-27 2118
这是cube的demo页面代码，我们可以很清晰的看到， 如果我们将.slide-container-v放到自己的页面class下面，会发现轮播不好使，  我们要把.slide-container-v放到第一级别 就可以了   左边分享一个公众号，写一些散文和影评等，右边的是博主自己的二维码，欢迎一起讨论。                     ...
cube-ui dialog嵌套slide遇到的问题
糖小七_Zz的博客
09-06 577
2123123123
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值