uniapp使用第三方UI库uview-plus的方法
前言：
开发uniapp时，有些功能，使用UI库提供的更加方便和简单。所以我就搜索uniapp 的UI库，根据网上和uniapp的插件市场，确定使用uviewUI库。
uniapp项目使用的vue2 -----> 对应 uView
uniapp项目使用vue3 -----> 对应 uview-plus
一、使用Album相册功能
我用这个功能开发类似动态、朋友圈 那种的列表。
使用起来，目前存在一个问题是，
我想实现的功能是，一排展示3张图片 或 2张图片时， 图片的大小可以自定义。
解决问题方式1：根据图片数量判断，设置multipleSize大小，但排列的方式会变得奇怪。
解决问题方式2：通过rowCount 控制一行展示图片的数量，就不能定义图片大小。
二、 picker 选择器
在使用u-picker时，uniapp app端 数据不显示，后来发现问题，它的数据格式是双层数组
let columns = [ ['中国', '美国', '日本'] ];
三、input输入框 和 Textarea 文本域
在开发使用时，
第一，border="surround" 边框无法显示，
第二，使用下面例子，就会报value等未定义的错误，很奇怪，即使添加value属性也报错
<u--input placeholder="请输入内容" border="surround" clearable ></u--input>
Property "value" was accessed during render but is not defined on instance.
后来我就用html的input输入框自己写样式
四、使用textarea
在开发时，模仿微信公众号文章的回复功能，具体功能描述如下
（1）通过手机软键盘回车，可以自增高
（2）限制增高的最大高度
解决办法如下
<u--textarea
:style="{height: setTextAreaHeight+'rpx';overflow-y: 'auto'}"
@linechange="handleLinechange"
:autoHeight="true"
v-model="replyContent"
>
</u--textarea>（1）通过autoHeight设置了自增高后，还要通过style来设置height高度，不然自增高和height默认高度会冲突，导致输入完内容后自增高就会变成默认高度
（2）给textarea设置 overflow-y: auto属性，这样限制自增高后，就会产生滚动条
（3）通过linechange事件，来设置自增高的高度 和 限制
let setTextAreaHeight = ref(40); //回复框的高度设置
const handleLinechange = (e)=>{
if(e.detail.height<=80){
setTextAreaHeight.value = e.detail.height*2;
}else{
setTextAreaHeight.value = 160; //高度最终限制在160rpx，超出就会产生滚动条
}
}总结
到此这篇关于uniapp使用第三方UI库uview-plus的文章就介绍到这了,更多相关uniapp使用uview-plus内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了最简单的JS实现json转csv的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-01-01
本文主要给大家介绍了javascript中的scrollTop方法，以及scrollTop在各大浏览器的兼容性情况的详细测试，十分的细致全面，这里推荐给大家，有需要的小伙伴可以参考下。2015-04-04
这篇文章主要介绍了微信小程序弹幕纯编码实现,这种效果是非视频底，代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-05-05
这篇文章主要介绍了微信小程序实现二维码签到考勤系统，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-01-01
这篇文章主要介绍了jQuery 中DOM 操作详解,以及在火狐和IE之间的13点JavaScript差异，需要的朋友可以参考下2015-04-04
JavaScript中的finally()方法和Filter()方法详解
finally是 JavaScript 构造中使用的方法try-catch,Filter() 是 JavaScript 中的一种方法,可以通过处理数组轻松提供过滤后的输出数据,本文就给大家详细的介绍一下JavaScript中的finally()方法和Filter()方法,需要的朋友可以参考下2023-08-08
JavaScript 的setTimeout与事件循环机制event-loop
这篇文章主要介绍了JavaScript 的setTimeout与事件循环机制event-loop，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-07-07
input:file是一个文件上传控件，如何读取input:file的路径并显示图片，具体实现如下，需要注意的是在IE8中由于IE8自作聪明的将真实路径隐藏起来2013-09-09
这篇文章主要为大家极力推荐10个短小实用的JavaScript代码段，帮助大家节省大量开发时间，感兴趣的小伙伴们可以参考一下2016-08-08
jqueryjQueryJQUERYJqueryJQueryjquery报错jsJSJsmyeclipseMyEclipseMyeclipse，很多朋友应该都会遇到过这个情况吧，按照下面的步骤便可迎刃而解2013-10-10
最新评论