vue
阿松&前端
这个作者很懒,什么都没留下…
展开
-
vue中 写过的几种倒计时总结
10秒倒计时(10秒钟后内容隐藏)<div v-if='contentShow'> 尊敬的客户,您已进入投保流程,请您仔细阅读......</div> data() { return { contentShow: true } }, created() { let n = 10; let inval = setInterval( () => { if(n === 0) {原创 2021-08-18 18:16:57 · 2908 阅读 · 1 评论 -
vue中使用 wx.miniProgram.navigateTo 跳转到小程序页面
项目需求:h5页面通过webview嵌入到小程序中,h5中有个点击事件跳到小程序另一个页面。 //点击事件 btnClick(){ // this.$router.push('/packageService') wx.miniProgram.navigateTo({ url: "/pages/logs/logs" , }); }...原创 2021-08-14 17:02:19 · 2536 阅读 · 0 评论 -
h5页面自定义微信分享的内容updateAppMessageShareData和updateTimelineShareData
效果图:(默认分享出来的样式是第一个,自定义完分享内容是第二个)贴个微信官方JS-SDK文档链接:点我直接跳转步骤一:绑定域名1.先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。2.将微信公众平台的txt文件给运维,让其添加到服务器所在的根目录下。(备注:填写的域名须通过ICP备案的验证。)步骤二:引入JS文件在项目的html文件中引入JS文件,(支持https 和 http):<script src='https://res.wx.qq.com/open原创 2021-08-14 15:39:28 · 4729 阅读 · 0 评论 -
vue中 vue-seamless-scroll无缝滚动,做购买订单的轮播展示
ui设计图:(购买订单的轮播展示)安装vue-seamless-scroll:npm install vue-seamless-scroll --save 组件的引用、注册、使用:<vue-seamless-scroll :class-option="defaultOption"></vue-seamless-scroll> import vueSeamlessScroll from 'vue-seamless-scroll' components: { v原创 2021-08-14 14:10:05 · 407 阅读 · 0 评论 -
vue中,前端压缩图片上传服务器
效果:上传前:上传后:压缩效果一览:代码:这个文件封装的是图片压缩方法:取名api.js//base64转码(压缩完成后的图片为base64编码,这个方法可以将base64编码转回file文件)function dataURLtoFile(dataurl, name) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.le原创 2021-08-13 18:45:18 · 983 阅读 · 0 评论 -
vue知识一
**vue知识**原生js编程 编程范式:命令式编程vue 编程范式:声明式编程vue中的mvvm:生命周期函数计算属性computed和methods的区别:计算属性:计算属性会进行缓存 如果多次使用 只调用一次 性能更好methods不会进行缓存 每次使用都会调用 性能比计算属性差一点儿const插值操作-Mustache双花括号{{可以写变量,也可以写简单的表达式}}<h2>{{message}},Mustache</h2><h2>原创 2020-12-09 12:48:31 · 125 阅读 · 0 评论