javascript教程
-
elementUI合并表头
<template> <el-table :data="tableData" border style="width: 100%" :header-cell-style="headerStyle"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" la...
-
vue禁止双击选中文字
// 禁止双击选中文字 if(this.$refs.btnRef) { this.$refs.btnRef.onselectstart = function () { return false } } ...
-
取消Vue双击显示编辑状态时的文字选中
背景描述 在很多情况下我们都会遇到这种情况,input一开始是只读状态,当用户双击的时候我们就可以让用户来修改我们的属性,然后在失去焦点的时候保存数据,并将状态继续保持到只读状...
-
vue获取for循环动态设置ref属性
添加 :ref="val.id" 获取 console.log(this.$refs[val.id]) 获取元素的坐标信息 console.log(this.$refs[val.id][0].getBoundingClientRect()) ...
-
Vue3 Mixin的使用方法(全局,局部,setup内部使用)
Mixin 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个 mixin 对象可以包含任意组件选项。当组件使用 mixin 对象时,所有 mixin 对象的选项将被“混合”进入该组件本身的...
-
JS鼠标禁止右键禁止打开控制台及键盘禁用
前端js中禁止鼠标在浏览器中右键,禁止鼠标选中和禁止键盘按键 一、禁用 1. 禁用鼠标右键 document.oncontextmenu = new Function("event.returnValue=false"); 2. 禁用鼠标选中 document.onselectstart = n...
-
css实现table表格固定td固定宽度
table-layout CSS属性定义了用于布局表格单元格,行和列的算法。 初始值为auto //大多数浏览器采用自动表格布局算法对表格布局。表格及单元格的宽度取决于其包含的内容。 fixed://表格和列的...
-
localStorage,sessionStorage,cookie的区别
localStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,如果不是人为清除,那么即使是关闭浏览器也会一直存在。 sessionStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M...
-
JS向数组添加元素,插入数据
let myArray=[11,22,33]; console.log('原数组:',myArray); myArray.push(44,55); console.log('用push在数组后面插入元素:',myArray); myArray.unshift(66,77); console.log('用unshift在数组前面插入元素:',m...
-
js中includes的用法
includes()方法用来判断一个数组或字符串中是否包含一个指定的值 返回值: 如果包含返回true,否则返回false。 1.2 语法 arr.includes(valueToFind) arr.includes(valueToFind, fromIndex) ...
-
腾讯地图getZoom缩放级别计算
JS计算缩放地图缩放级别 //根据经纬极值计算绽放级别。 function getZoom (maxLng, minLng, maxLat, minLat) { var zoom = ["50","100","200","500","1000","2000","5000","10000","20000","25000","50000","100000","200000","5...
-
vue2.x项目报错 vuex.esm.js sub is not function
一般在vue2.x项目中我们会使用Vue DevTools插件来帮助我们开发,但是今天项目突然出现bug,调用vuex的dispatch方法时突然出现报错,如下: TypeError: sub is not a function at eval (vuex.esm.js?2f62:...