Vue.js 2学习笔记
关注
分享
扫一扫
uniquemei
用心做事、积极向上、简单生活
展开
-
css绑定根据index变化的key变量
vue绑定动态key原创 2022-08-30 16:13:45 · 275 阅读 · 0 评论 -
获取不同手机屏幕大小
获取不同分辨率手机的屏幕大小原创 2022-06-28 17:11:31 · 253 阅读 · 0 评论 -
vue项目如何利用xlsx组件，读取复杂表格的数据
vue项目，利用xlsx组件，读取表格中的数据原创 2022-06-22 16:38:10 · 990 阅读 · 1 评论 -
点击图片，触发文件上传效果
点击图片，触发上传文件的效果，上效果图思路：使用input标签，设置type=”file“，将input样式透明度设置为0，背景设置为图片即可。上代码原创 2022-06-22 16:25:14 · 530 阅读 · 0 评论 -
js压缩base64图片的方法
js压缩base64图片的方法原创 2022-06-09 16:25:45 · 3741 阅读 · 0 评论 -
解决z-index层级高的不能获取点击事件的问题
在项目开发中，利用z-index属性，高层级的覆盖住了低层级的div块，但是高层级的点击时间，一直获取不到，那么怎么解决呢？.back_month { pointer-events: none;//}pointer-events的值设置为none之后,浏览器将不会获得鼠标在当前位置的层上的点击事件,而造成鼠标穿透的效果!...原创 2022-05-07 16:33:47 · 1136 阅读 · 0 评论 -
vue项目引用图片
<div style="flex:1"> <img class="imgs" :src="labelImg[index]" /></div>export default {data() { return { labelImg: [ require("@/assets/talent/gold.png"), require("@/assets/talent/silver.png"), require原创 2022-02-17 17:10:10 · 333 阅读 · 0 评论 -
如何设置小于12px大小的值
一般浏览器，默认字体大小为12px，那么如何设置小于12px大小的字体呢，可以用scale（）方法进行字体缩放，直接上代码。 font-size: 9px; text-transform: scale(0.75); -webkit-transform: scale(0.75);原创 2022-02-17 17:04:18 · 671 阅读 · 0 评论 -
vue实现日历样式
最近，项目组要求仿照企业微信的打卡功能，实现报工的日历展示功能，看了很多资料，现在此自己总结一下思路，以做记录。首先看界面效果：我先描述一下思路：首先判断当前月份一共有几天total，然后找到当月的1号是周几，找到在日历中显示的位置，然后依次往数组里添加对象，有几天就添加几条数据。一、页面样式布局<template> <div class="date-page"&...原创 2020-04-20 17:31:18 · 2295 阅读 · 0 评论 -
自定义指令v-time，实现时间转换器
话不多说，直接上代码。index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>时间转换器</title> <script src="libs/vue.min.js"></script> <...原创 2019-04-15 16:45:54 · 454 阅读 · 0 评论 -
使用slot分发内容
由于本人刚接触vue，本文章写的自己对slot的理解，欢迎大家进行指正。一、对slot的理解我理解的slot就是一个占位符，定义组件时，为了实现组件复用，定义一个slot插槽，然后父组件调用子组件时，可以根据请求的内容灵活的设置slot，这样一个组件就可以被多个页面复用。二、作用域父组件模板的内容是在父组件作用域内编译的，子组件模板的内容是在子组件作用域内编译的。例如：<...原创 2019-04-08 16:21:27 · 318 阅读 · 0 评论 -
Vue自定义指令
Vue自定义指令的注册方法和组件很像，也分为全局注册和局部注册，写法和组件也基本差不多，只是方法名由component改为了directive。自定义指令的选项都是由几个钩子函数组成的，每个都可以选择。（1）bind：只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。（2）inserted：被绑定元素插入父节点时调用（父节点存在既可调用，不...原创 2019-04-11 14:49:16 · 188 阅读 · 0 评论