组件
关注
分享
扫一扫
组件
前端小云儿
活到老学到老
展开
-
vue中实现backTop（返回页面顶部）注册全局，所有组件添加
<template> <div class="page-content-scroll"> <el-backtop target=".page-content-scroll"> <div style="{ height: 100%; width: 100%; background-color: #f2f5f6; box-shadow: 0 0 6p.原创 2021-10-25 23:37:48 · 706 阅读 · 0 评论 -
demo1-编辑删除保存清除
<template> <div class="pluginAlertName"> <el-button @click="add">新增</el-button> <div v-for="(item, index) in list" :key="index" class="list-div"> <el-input :value="item.name" @input="inputCh.原创 2021-10-24 12:06:55 · 157 阅读 · 0 评论 -
vue知识点10 图片懒加载 原生+插件+三方件IntersectionObserver
1需要引入包IntersectionObserver2,使用原生写法3 v-lazyload原创 2021-10-06 16:28:33 · 169 阅读 · 0 评论 -
vue知识点11 插件 原生遮罩层
注意上下19行 20行区别，写法不一样原创 2021-10-06 16:32:25 · 152 阅读 · 0 评论 -
vue-组件2:插件定义和使用
1.先定义一个组件<template> <div v-show="isShow"> <el-button type="primery" @click="clickMe">点我</el-button> <el-button type="primery" @click="clickMe">点我</el-button> </div></template><原创 2021-10-02 10:43:35 · 145 阅读 · 0 评论 -
【vue-组件】引用全局组件
1.新建一个文件夹引入组件importVuefrom'vue';importdemo1from'./index1/index1.vue';importdemo2from'./index1/index2.vue';importdemo3from'./index2/index3.vue';importdemo4from'./index2/index4.vue';Vue.component('demo1',demo1);Vue.component...原创 2021-09-05 11:44:38 · 406 阅读 · 0 评论 -
vue组件-- 页面加载进度条组件
<template><transition name="fade"><div class="progress-bar" v-if="isShow"></div></transition></template><script type="text/babel">export default {data() { return { isShow: true, // 是否显示进度条 val: 0, //.原创 2021-09-26 22:46:20 · 547 阅读 · 0 评论 -
计时器3使用demo
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> setTimeout(function() { the.loadingShow=false; the.lo...原创 2021-08-19 21:46:42 · 166 阅读 · 0 评论 -
计时器2demo
<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&g...原创 2021-08-19 21:45:22 · 132 阅读 · 0 评论 -
计时器1demo
<script src="../js/mui.min.js"></script> <script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script> <script type="text/javascript"> var i =0; var InterValObj = '' ;...原创 2021-08-19 21:44:02 · 73 阅读 · 0 评论