实际效果图本组件优势：1、使用小程序/uniapp原生page滑动，流畅度好于scroll-view组件2、采用组件方式直接使用，只需在下拉刷新、上拉加载、加载完成时触发组件方法即可3、包含无数据时空布局展示4、可自定义下拉刷新、上拉加载样式5、采用组件的双向绑定v-model6、完美解决自定义导航后看不到下拉刷新loading的问题我们在page.json中开启了自定义导航栏属性和下拉刷新属性后

调用方式// main.js中引入import './popup'// Toast// 1、带成功图标提示框this.$Toast('success', '提交成功！', () => {// 提示框关闭后})// 2、不带任何图标提示框this.$Toast('none', '请输入手机号', () => {// 提示框关闭后})// 3、带loading图标提示框this.$Toas

实际效果图gif图片较大，加载较慢，请耐心等待…复制代码到项目中，可以直接运行封装m-image组件<template><divclass="m-image":class="[{showLoading, border},`m-image-${index}`]":style="{'--bgColor': bgColor}"@click="$emit('click')">&lt

效果图写在前面写后台管理经常从列表点击查看详情，展示数据信息，Element UI虽然有表格组件，但是描述组件并没有，之前团队的成员遇到这种情况都自己去写样式，写起来也麻烦，而且每个人写出来的样式也不统一，破坏了项目的整体风格。像是Ant Design UI就有描述组件，用起来特别舒服，所以索性自己结合Element UI的el-row和el-col自己写了一个。实现哪些功能1、每行的高度根据改行

写在前面有时候页面上需要一个类似于微信中发送消息的输入框，即可以实现：默认只有一行文字高度，用户输入超过自动换行，用户也可以点击Enter键盘换行，当输入的内容清空后，输入框又恢复成一行的高度，原生的输入框input和文本框textarea无法实现以上功能，所以就自己写了一个，采用HTML5的contenteditable属性，可以完美实现：1、自动换行及手动换行；2、双向绑定；3、类似于...

写在前面搜罗全网，终于找到一个好用的Vue滑动组件，包括上拉加载，下拉刷新等一大堆好用的方法，他就是mescroll组件，由于很多个页面都需要用到mescroll组件，所以自己把他封装成了一个组件，方便自己使用mescroll组件<template><div class="mescroll-wrap"><mescroll ref="mescrol...

一、创建项目# npm 6.xnpm init @vitejs/app my-vue-app --template vue# npm 7+, 需要额外的双横线：npm init @vitejs/app my-vue-app -- --template vue# yarnyarn create @vitejs/app my-vue-app --template vue// 支持的模板预设包括：van

Vue精简代码实现文字首尾无缝跑马灯效果写在前面效果图子组件代码父组件代码写在前面由于HTML自带的marquee标签无法做到上一条文本和下一条文本无缝衔接，所以结合网上的资源自己写了一个，代码不多，仅能横向滚动，可滚动重复滚动一条或多条文本，字数不限制，若想要实现纵向滚动可使用vux组件库的marquee组件。效果图gif图展示出来看起来很卡，实际不卡子组件代码<templa...

起初 Vue3.0 暴露变量必须 return 出来，template中才能使用； Vue3.2 中 只需要在 script 标签上加上setup 属性，组件在编译的过程中代码运行的上下文是在 setup() 函数中。所有ES模块导出都被认为是暴露给上下文的值，并包含在setup() 返回对象中。一、Vue文件结构<template>// Vue2中，template标签中只能有一个根

效果图写在前面写后台管理经常从列表点击查看详情，展示数据信息，Element UI虽然有表格组件，但是描述组件并没有，之前团队的成员遇到这种情况都自己去写样式，写起来也麻烦，而且每个人写出来的样式也不统一，破坏了项目的整体风格。像是Ant Design UI就有描述组件，用起来特别舒服，所以索性自己结合Element UI的el-row和el-col自己写了一个。实现哪些功能1、每行的高度根据改行