分类
子分类
排序
vue获取dom元素注意事项
mounted(){ setTimeout(()=>{ this.contentToggle(); },1000) }, methods:{ contentToggle(){ console.log(this.$refs.bodyFont.offsetHeight); } } vue想要获取dom元素的高,一般情况下我们...
vue组件挂载到全局方法的示例代码
在最近的项目中,使用了bootstrap-vue来开发,然而在实际的开发过程中却发现这个UI提供的组件并不能打到我们预期的效果,像alert、modal等组件每个页面引入就得重复引入,并不像element那样可以...
vue双向绑定数据限制长度的方法
vue双向绑定数据如何限制长度?具体方法请阅读文章 问题描述 vue中输入框v-modle 双向绑定的数据;在需要的业务场景下需要对其进行字数长度限制; 解决方案 可以使用以下方法: 方法一: //方法...
Vue.js前端框架之事件处理小结
1. v-on 事件监听 监听DOM事件使用 v-on 指令。该指令通常在模板中直接使用,在触发事件时会执行一些 JavaScript 代码。 v-on 指令的基本用法 (1)在 HTML 中使用 v-on 指令,后面可以是所有的...
JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)
JS实现延迟隐藏 <!DOCTYPE html> <html lang=\'en\'> <head> <meta charset=\'UTF-8\'> <title>延迟隐藏</title> <style> #div1{ width:100px; heig...
vue实现绑定事件的方法实例代码详解
一、前言 vuejs中的事件绑定,使用<v-on:事件名 = 函数名>来完成的,这里函数名是定义在Vue实例中的methods对象中的,Vue实例可以直接访问其中的方法。 二、事件绑定方式 1、 直接...
vue 自定义右键样式的实例代码
最近用python写了个小说程序的api,想着用 vue 做个系统管理数据,脑子里出现的是这个画面: 但是这种样式的管理后台已经做了太多了,已经审美疲劳,后面又想了一种类操作系统的UI界面: ...
详解ES9的新特性之异步遍历Async iteration
异步遍历 在讲解异步遍历之前,我们先回想一下ES6中的同步遍历。 根据ES6的定义,iteration主要由三部分组成: Iterable 先看下Iterable的定义: interface Iterable { [Symbol.iterator]() : I...
JS实现带动画的回到顶部效果
本文实例为大家分享了JS实现带动画的回到顶部效果的具体代码,供大家参考,具体内容如下 实现功能:滚动到页面某一个高度的时候,回到顶部按钮出现。点击之后回到网页顶部,按钮隐藏。 代码如下...
基于vue实现圆形菜单栏组件
整个样式都是基于css3 得transform而实现得。 每个扇形角度为360/12=30deg,当然,你不想做圆形也可以,公式就是 扇形角度=你想绘制得角度/扇形个数 当你计算好每个扇形得角...