![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue常用例子
小怪兽学前端
这个作者很懒,什么都没留下…
展开
-
前端获取当前年月日
前端获取当前年月日原创 2023-01-14 17:57:03 · 684 阅读 · 0 评论 -
uview上传图片修改图片u-upload
uview上传图片修改图片u-upload原创 2022-11-18 12:24:24 · 1376 阅读 · 0 评论 -
uniapp微信客服
uniapp微信客服配置原创 2022-11-18 12:15:07 · 1080 阅读 · 0 评论 -
uniapp vue富文本rich-text样式设置不生效解决方案
uniapp vue富文本rich-text样式设置不生效解决方案原创 2022-09-19 11:35:11 · 2641 阅读 · 4 评论 -
上传身份证百度ocr识别
百度ocr识别,uniapp原创 2022-09-09 11:17:12 · 473 阅读 · 0 评论 -
uniapp拖拽
【代码】uniapp拖拽。原创 2022-08-20 18:16:17 · 1778 阅读 · 0 评论 -
uniapp向上返回页数
uniapp向上返回后退原创 2022-07-13 14:51:38 · 279 阅读 · 0 评论 -
vue给列表对象新增属性
vue给列表对象新增属性 mousedownV: function(index) { timeout = setTimeout(function() { if (vm.commentListVos[index].isMe == 1) { vm.commentListVos[index].showPopover = true; Vue.set(vm.commentListVos, index, vm.commentListVos[in原创 2021-06-08 16:22:00 · 1092 阅读 · 0 评论 -
vue评论点赞列表点赞,点击哪个哪个状态改变
vue评论点赞列表点赞,点击哪个哪个状态改变后台数据如下:{“body”:{“host”:null,“code”:200,“errorMessage”:null,“data”:[{“accountId”:“1”,“commentId”:“2”,“headPortrait”:“http://qiniu.yibaimishenghuo.com/1612603455(1)_1613700243471.jpg”,“nickname”:“222”,“created”:“2021-03-02原创 2021-03-09 16:23:26 · 1107 阅读 · 2 评论 -
vue收藏/取消收藏,点赞、取消点赞一个道理,切换图标
vue收藏/取消收藏,点赞、取消点赞一个道理,切换图标<div class="zixun" @click="getFoodFindFoodDetails()"> <img :src="isLike?'../../image/Star4.png':'../../image/Star3.png'" /> <p class="aui-text-gray aui-font-size-10">{{isLike?'已收藏':'收藏'}}</p></div&g原创 2021-03-06 14:41:40 · 4330 阅读 · 0 评论 -
vue购物车规格选择,选择某种规格价格和库存都改变
vue购物车规格选择,选择某种规格价格和库存都改变1、这是后台返回的数据格式还是复制一下数据格式吧!方便大家看{ "host":null, "code":200, "errorMessage":"操作成功", "data":[ {"image":"111", "price":39, "name":"黑色+黄色", "id":1, "stock":1223原创 2021-03-02 10:46:12 · 883 阅读 · 0 评论 -
vue事件修饰符
vue事件修饰符.stop - 阻止冒泡.prevent - 阻止默认事件.capture - 阻止捕获.self - 只监听触发该元素的事件.once - 只触发一次.left - 左键事件.right - 右键事件.middle - 中间滚轮事件Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagation()。Vue.js 通过由点 . 表示的指令后缀来调用修饰符。<!原创 2021-01-18 19:24:15 · 92 阅读 · 0 评论 -
vue v-bind:style详解
vue v-bind:style详解<div id="app"> <div v-bind:style="[baseStyles, overridingStyles]">娃哈哈,娃哈哈</div></div><script>new Vue({ el: '#app', data: { baseStyles: { color: 'green', fontSize: '30px' }, ove原创 2021-01-18 19:20:33 · 2092 阅读 · 0 评论 -
apiclode输入密码校验,vue
apiclode输入密码校验,vue <li class="bbox ycenter aui-border-b" style="height: 2.95rem;"> <img src="../../image/icon_pw.png" style="width: .85rem;height: .85rem;"> <input class="f1 aui-margin-l-10 " v-model="onePassword" :type="isShow?'text'原创 2021-01-15 11:55:40 · 68 阅读 · 0 评论 -
apiClode打开frame页面传值
apiClode打开frame页面传值//打开页面把id和state传过去<div class="flex-czjz pro-glass" @click="openPage(homepage,projectDetailsNo,state,id)" v-for="(item,index) in list"></div>//openPage: function(url, name, state, id) { var pageobj = { url: homepag原创 2021-01-12 10:57:24 · 229 阅读 · 0 评论 -
apiclode发送监听,frame页面互相传值
apiclode发送监听,frame页面互相传值// 第一步,发送监听Ajax({ method: 'POST', url: 'workWorld/workWorldSave', token: api.getPrefs({ sync: true, key: 'token' }), data: { content: vm.content, type: vm.status, url: vm.picPath.join(','), status: vm.sendStatus,原创 2021-01-12 10:38:35 · 117 阅读 · 0 评论 -
vue金额整数时,显示.00
vue金额整数时,显示.00<div class="flex-between"> <div class="gray" style="color: #d1d1d1;">可提现金额:{{commission}}元</div> <div class="aui-text-black" style="color:#737373;font-size:0.58rem;" @click="fullWithdrawal">全部提现</div></div原创 2021-01-08 19:36:39 · 1835 阅读 · 0 评论 -
关于移动端选择所有的分组和选择多个单个的,跟发布朋友圈选择分组一样
移动端选择所有的分组和选择多个单个的//HTML代码<div class="" style="overflow:auto;height: 60%;"> <div class="gzsel-box flex-between"> <div class="text"> <div class="">公开</div> <div class="aui-text-gray aui-font-size-12">所有同事发布<原创 2021-01-06 17:30:50 · 227 阅读 · 0 评论 -
如何封装一个vue组件(获取手机验证码的组件)
如何封装一个vue组件(获取手机验证码的组件)定义一个名为 item-time 的新组件,这是获取手机验证码的组件Vue.component('item-time', { props: ['maxtotaltime', 'settime'], template: ` <div class="btn" @click="getVerificationCode()" style="position: absolute;right: 0.75rem;">原创 2020-12-03 17:42:46 · 590 阅读 · 2 评论 -
vue如何封装一个组件,验证码倒计时组件
vue如何封装一个组件,验证码倒计时组件//注意自定义组件中的组件名不能为大写多个单词用-连接// 定义一个名为 item-time 的新组件//服务项目列表Vue.component('item-time', { props: ['maxtotaltime','settime'], template: ` <div class="btn" @click="getVerificationCode()" style="position: absolute;rig原创 2020-11-27 16:09:51 · 398 阅读 · 0 评论 -
vue实现密码显示隐藏
vue实现密码显示隐藏<li> <div class="item item1 flex-czjz"> <div class="img-icon"><img src="../../image/pwd.png" alt=""></div> <div class="input"> <input type="text" placeholder="请输入密码" value="" v-model="passWord" :ty原创 2020-11-26 10:37:59 · 1622 阅读 · 3 评论