禁止文字图片拖拽
发表于|更新于
|浏览量:
智者千虑，必有一失；愚者千虑，必有一得。——《史记》
我们在进行开发的时候可能会遇到一个问题文字、图片选中后能被拖拽
但我们不想要这种效果
就可以给标签加一个属性
1 | <div ondragstart="return false">ruben</div> |
之后就拽不动啦~
相关推荐
2021-12-14
nvue获取节点信息
我们生活在阴沟里，但依然有人仰望星空。——王尔德 在nvue中我们获取节点信息就需要如下写法： 123456789101112131415161718192021222324252627282930313233<template> <view ref="list-parent" class="ruben"> <list> <cell><view>阿超</view></cell> </list> </view></template><script>const dom = weex.requireModule('dom');export default { data() { return { index: 1 }; }, mounted() { console.log('mounted'); dom...
2020-09-08
vue阻止默认事件
有一天，当回顾自己走过的路时，你会发现这些奋斗不息的岁月，才是最美好的人生。——弗洛伊德 今天写一个页面的时候，遇到一个问题 这是一个简单的elementUI的折叠面板 我在自定义标题里加了个el-link标签，执行一个函数，打印一句话 代码 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566<!-- --><template> <div class ref="message"> <el-collapse v-model="activeName" accordion> <el-collapse-item name="1"> <template slot="title"> 一致性 C...
2020-11-26
vue路由NavigationDuplicated错误
有志者，事竟成，破釜沉舟，百二秦关终属楚；苦心人，天不负，卧薪尝胆，三千越甲可吞吴。——蒲松龄 如果遇到了Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location异常 可以在router里配置一下 1234567891011121314151617181920import Vue from 'vue'import Router from 'vue-router'// 解决路由重复问题const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}Vue.use(Router)export default new Router({...
2022-06-03
pnpm
曾因酒醉鞭名马，生怕情多累美人。——郁达夫 官方网址：https://www.pnpm.cn/ 我们在使用npm下载前端所需依赖时，会反复下载、重复下载，如果有一款工具，能够缓存起来我们的下载，那就是pnpm了 快速pnpm 是同类工具速度的将近 2 倍 高效node_modules 中的所有文件均链接自单一存储位置 支持单体仓库pnpm 内置了对单个源码仓库中包含多个软件包的支持 权限严格pnpm 创建的 node_modules 默认并非扁平结构，因此代码无法对任意软件包进行访问 安装很简单，就像普通安装一个模块一样即可： 12npm i -g pnpmpnpm -v 使用yarn 12yarn global add pnpmpnpm -v
2023-09-11
css画一个圈带一条线
深窥自己的心，而后发觉一切的奇迹在你自己。——培根 用到的是css的background属性和radial-gradient 12345678910111213141516/** 淡蓝渲染到20px * 白色渲染到20px（分割线 * 白色渲染到21px（分割线 * 淡蓝渲染到21px * 淡蓝渲染到40px * 后续白色打底 */background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px, #fff 0); 效果： .ruben{ background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px...
2022-06-23
overflow和动态计算高度
人们总会找到某种带头人,把他供奉起来,培养成伟人……暴君就是这么来的;暴君最初都是以保护者的形象出现的。——柏拉图,《理想国》 首先是MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/overflow 其中对overflow进行了描述： CSS 属性 overflow 定义当一个元素的内容太大而无法适应 块级格式化上下文 时候该做什么。它是 overflow-x 和overflow-y的 简写属性 。 重点在这里： 为使 overflow 有效果，块级容器必须有一个指定的高度（height或者max-height）或者将white-space设置为nowrap。 那问题来了，我这里有一个折叠面板 我希望这里多个折叠面板每一项的头部都能显示在页面中，并且其子项能够适应屏幕高度和折叠情况变化 为了实现上面的效果，我们需要在每一个折叠面板子项中设置overflow-y:auto，然后给其设置height或者max-height 我们知道css中有个计算函数calc可以计算我们的高度，这里的卡片为了保证屏幕自适应，可...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog