- 博客(31)
- 收藏
- 关注
原创 Vue中多组件之间传值与事件 ($attrs 和 $listeners) 的使用方式
index 页面<template> <div class="index"> <ul class="uls"> <onepage v-for="item in item" :key="item.id" :datas='item' @handlechange='handleChange'>{{item.name}}</onepage> </ul> </div&
2021-12-20 14:05:09
253
原创 npm init @vitejs/app 出现404 问题
设置淘宝源镜像地址 npm config set registry https://registry.npm.taobao.org/ cnpm config set registry https://registry.npm.taobao.org/查看地址npm config list新的淘宝源地址npm config set registry https://npmmirror.com/mirrors/npm/cnpm config set registry https://npmmir
2021-11-15 14:12:25
1189
原创 gulp的基础配置
安装以下依赖包 const gulp = require("gulp") // 引入 gulpconst del = require('del'); // 引入 删除const htmlmin = require('gulp-htmlmin'); // html 压缩const uglify = require('gulp-uglify'); // js 压缩const cssnano = require('gulp-cssnano'); // css 压缩const sass = requi
2021-11-04 16:40:22
175
原创 vue中导航栏锚点跳转
Vue 导航栏 实现从其他页面跳到新页面板块内容下methods:{ jumpPage() { //跳转锚节点 var hash = window.location.hash; // 获取 url 的 # 结束的位置 var index = hash.lastIndexOf("#"); // 获取 以 # 位置到最后的位置锚点 var id = hash.substring(index + 1, hash.length + 1);
2021-02-01 15:32:49
456
原创 vue 中 鼠标移入停止轮播 移出开始轮播 (swiper5)
<template> <div class="swiper"> <el-row :gutter="10" class="row-col"> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="col-info"> /* 添加 移入移出的事件 */ <swiper :options="swiperOptionInf
2021-01-29 16:16:11
1778
原创 Vuex处理页面当前的宽度与距离顶部的高度
全局 使用当前页面的宽度 与 距离顶部的高度Vuex 模块里的代码const widths = { namespaced: true, state: { currentWidths: 0, currentTopHeights: 0 }, mutations: { // 获取当前浏览器宽度/页面宽度 currentWidth(state) { // 网页可见区域宽
2021-01-18 14:54:35
211
原创 wow.js的使用方式
wowjs的使用方式例子 <el-row class="header-main wow bounceInDown"> </el-row> ** 需要的动画里面 class 里面 添加 wow 然后在添加动画样试 bounceInDown **方式一第一步:安装 cnpm install wowjs --save-dev第二步:在 main.js 中 引入 css 样式 ‘import ‘wowjs/css/libs/animate.css’’第三步:在组件
2021-01-08 17:48:55
3884
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人