![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
封装组件
文章平均质量分 89
依古比古*
学啥啥不行,吃饭第一名
展开
-
vue封装一个搜索组件
vue封装一个搜索组件 话不多说,直接上代码!!! 搜索组件: <!-- --> <template> <div> <input type="text" v-model="inputValue" placeholder="请输入" @input="getValue" @keydown.enter="search" /> </div> </template&g原创 2020-06-03 21:41:21 · 965 阅读 · 2 评论 -
vue封装dialog弹框组件
vue封装dialog弹框组件 dialog.vue <template> <div class="dialog" v-show="showMask"> <div class="dialog-container"> <div class="dialog-title">{{title}}</div> <div class="content" v-html="content"原创 2020-05-31 22:51:07 · 2062 阅读 · 0 评论 -
vue 封装一个toast组件
vue 封装一个toast组件 第一步 创建一个toast.vue <template> <transition name="fade"> <div v-show="visible">{{message}}</div> </transition> </template> <script> export default { data () { return { visible: fal原创 2020-05-31 14:54:13 · 587 阅读 · 1 评论 -
vue移动端实现滚动到顶部
<template> <div class="home"> <div @scroll="scroll()"> <div v-for="(item,index) in this.list" :key="index" class="every">{{item}}</div> </div> <div class="scrolltop" v-show="isShow" @click="goTop"&原创 2020-05-31 14:35:59 · 2230 阅读 · 0 评论