阿乐のBlog

这个问题只是部分做数据交互时可能会碰到的问题,发现设置的 scroll-left=”200” 没有起作用. 原因: 一般在页面加载时我们会请求数据,并渲染列表, 但是我们在标签或者data中设置的scroll-left值会在数据渲染前赋值.此时的scroll-view中还是空的,所以scroll-left不会生效. 我们应该在数据渲染到scroll-view中以后,再同步scroll-left的值. 1234567891011121314151617181920wx.request({ url: '*************', method:'POST', success:(res)=>{ this.data.list=this.data.list.concat(res.data) this.setData({ list: this.data.list }) //数据添加完成,此时设置left值即可生效 ...

1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0 2.Vue3带来了什么1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% …… 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking …… 3.拥抱TypeScript Vue3可以更好的支持TypeScript 4.新的特性 Composition API（组合API） setup配置 ref与reactive watch与watchEffect provide与inject …… 新的内置组件 Fragment Teleport Suspense 其他改变 新的生命周期钩子 data 选项应始终被声明为一个函数 移除ke ...

那么首先你务必看Vue的官方文档。涉及到的基础知识有： 绑定内联样式的使用 computed的使用 1. 添加样式绑定绑定高试样式 12<div class="container" :style="{height: scrollerHeight}"></div> 2. 添加属性计算在computed里添加属性计算。记住 scrollerHeight 不能在data进行定义。computed是啥？请看看 computed的使用 1234567computed: { // 滚动区高度 // (业务需求：手机屏幕高度减去头部标题和底部tabbar的高度，当然这2个高度也是可以动态获取的) scrollerHeight: function() { return (window.innerHeight - 40 - 54) + 'px'; } }

方式一：按钮点击分享12<button data-src="这个是分享图片地址" data-title="这个是分享标题" open-type="share">发给好友</button><button data-src="这个是分享图片地址" data-title="这个是分享标题" open-type="share">发到朋友圈</button> 方式二：uniapp中全局混入分享功能用uni-app开发的微信小程序要调用分享功能，以下是点击小程序头部胶囊（三个点）时调用的代码，将每一个页面的分享功能弄成组件调用。 1、创建一个js文件。(shere.js) 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455export default{ ...

微信小程序去除button边框 123button::after { border: none} 注意button不要设置plain镂空属性。不然去除边框不起作用。