首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue
蓝色海岛
创建于2022-06-13
订阅专栏
vue
等 20 人订阅
共50篇文章
创建于2022-06-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vue:transition过渡动画-仿微信的滑入滑出效果 & 自定义滑动指令
一、先画下页面 1、在views下新建4个页面 Home.vue Address.vue Discover.vue Mine.vue 2、路由整一下 3、App.vue 二、加入过渡动画 App.vu
vue基于el-select组件封装RemoteSelect,支持分页加载,各种场景细节拉满 & blur校验和clearValidate结合使用
一、组件功能 支持分页加载下拉选项。分页加载用的是自定义指令v-loadmore 当输入和删除关键词时,按当前最新的关键词进行查询,并且页码回到第一页,滚动条置顶。这里要注意el-select的rem
vue:el-table合并单元格,多列合并。封装mergeRowByProp方法,灵活的合并【附源码】
一、合并第一列 需要将上面这个表格合并单元格,变成下面这样 el-table添加属性:span-method="spanMethod" 二、合并第二列 但是这里有问题,第二列的pear分别属于水果和零
vue:el-table翻后记录已勾选的数据【分页】
一、问题描述 当切换页码或者条数时,选中的数据会消失 SelectionTable.vue 二、翻页保留数据 给type为selection的el-table-column添加上reserve-sel
vue插槽(slot)详解及element-ui表格操作列的插槽使用解析
一、插槽的概念 组件标签中的内容,是不会显示在页面中的,要想显示出来,就要使用插槽 当在子组件中写上<slot />标签,书写在<Child></Child>中的内容便会在这个位置展示出来 二、具名插
vue自定义指令(v-clickoutside)-点击当前区域之外的位置
一、效果 二、封装指令 三、使用一、效果 二、封装指令 三、使用一、效果 二、封装指令 三、使用一、效果 二、封装指令 三、使用
vue-$event的使用场景
一、事件对象 在vue中,事件的回调函数在定义时不写括号,默认的参数是事件对象 如果写了括号,不传参,那么打印结果为undefined 括号中传入$event,则参数为事件对象 以上,handleCl
vue基础-$set的使用
一、vue的双向数据绑定 如上这段代码,可以看到,定义在data中的list,可以往里面push一条新的数据,数据改变,视图就会更新 二、数据改变,但是不会更新视图的情况 在data中定义list的时
使用Vue.extend将UI组件转为js组件,通过函数调用来创建组件
一、示例效果 封装一个loading效果,通过函数去调用 加载时创建DOM,加载完删除DOM 二、Loading的封装 1. components/Loading/index.vue 2. compo
vue自定义指令:v-loadmore 实现表格滚动到底部加载下一页【附源码】
一、效果 二、指令的封装 el:指令绑定到的元素,可以用来操作DOM,或者获取当前DOM的子级 binding:一个对象,包括了指令的参数,其中重要的参数有: arg:传递给指令的参数,例如在v-lo
vue自定义指令:v-only-number指令限制只能输入数字
使用="3" 表示允许输入小数,小数位数最多3位,默认为0 positive 表示只能输入正数 full 表示自动补零。前提是允许输入小数,否则不要
vant:基于vant的radio组件封装自己的级联组件(Cascader)
一、效果 二、Cascader组件一、效果 二、Cascader组件一、效果 二、Cascader组件一、效果 二、Cascader组件
vue无缝滚动:vue-seamless-scroll
一、效果 二、实现 安装依赖: SeamlessScroll/index.vue组件 三、向下滚动 Scroll标签添加属性::classOption="{ direction: 0 }" 四、向左滚
vue+elementUI按钮:LoadingButton组件
一、背景 在平时的工作中,经常甚至说一定会遇到表单中的确定/提交按钮,需要加上loading状态,防止二次请求,以免造成服务器性能的浪费,甚至逻辑错误。 但是每次给按钮添加loading属性,通过is
vue watch监听一个对象时,新值和旧值相同?
一、事出场景 例子就是上面这样一个结构,当点击【改变id】或【添加】按钮时,flag是true还是false? 这特么肯定是false啊,要是true就不会打印啊,你这么想就和我一样了。。。 但其实打
vue中document.querySelector/this.$el.querySelector/ref获取DOM的区别
vue中document.querySelector/this.$el.querySelector/ref获取DOM的区别vue中document.querySelector/this.$el.que
wavesurfer.js-声纹可视化
一、效果 将一段声频以波形展示在页面上,支持播放/暂停、重放、停止、点击跳转播放 2. 支持渲染区域,支持用户手动选择区域和删除区域,支持拖动区域和调整区域大小;当操作区域时,最好能实时循环播放区域
vue发送验证码计时器(防止刷新)
vue发送验证码计时器vue发送验证码计时器一、效果 二、基本实现 按钮: data: 点击发送: 三、防止刷新
vue渲染方式:插槽、h函数、jsx
一、效果 二、实现方式 1、插槽 2、h函数 使用cell渲染,即使写了插槽,插槽也不生效 3、jsx 需要在script标签上添加lang='jsx'
vue原理
一、如何理解MVVM MVC是什么 MVC(model view controller)即数据存储、用户界面、业务逻辑。此框架可以对服务器渲染后的数据进行操作,所有的通信是单向的。工作原理:view传
下一页