在使用uview-ui的宫格布局时，发现官方文档对于基本的图形展示还是很详细的，但是缺少点击事件。于是众里寻他千百度，蓦然回首基本使用该组件外层为u-grid组件包裹，通过col设置内部宫格的列数内部通过u-grid-item组件的slot设置宫格的内容如果不需要宫格的边框，可以设置border为falsetemplate>view>u-grid:border="false"@click="click">u-grid-itemv-for="(baseListItem,baseListIndex)inbaseList":key="baseListIndex">u-icon:customStyle
这是一篇踩坑文，记录一个uni-app中的坑点。在uni-app中使用uview后在生成小程序后第一次编译时控制台报了这么一个错：在检查了许久的原因后最后找到的解决办法是：在文件/common/vendor.js中搜索并删除下面这句话pleaseSetTranspileDependencies?.test;如上图。删除掉之后重新编译一下项目就正常运行了。
先看案例如图所示话不多说上代码：1122exportdefault{data(){return{//list:[{name:"额度恢复记录",},{name:"还款记录",},],//默认展开第几项current:0,};},methods:{change(index){this.current=index;//如报错则用this.current=index.index;代替上面这句},},};
uView是uni-app生态专用的UI框架，uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)1. 查看项目根目录有没有package.json，如果没有执行一下命令：npminit-y2. 安装npminstalluview-ui@2.0.31 3.在uniapp项目的main.js文件里引入importuViewfrom"uview-ui";Vue.use(uView); 4.uniapp项目的uni.scss文件下引入@impor
uView是uni-app生态专用的UI框架，uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)1. 查看项目根目录有没有package.json，如果没有执行一下命令：npminit-y2. 安装npminstalluview-ui@2.0.31 3.在uniapp项目的main.js文件里引入importuViewfrom"uview-ui";Vue.use(uView); 4.uniapp项目的uni.scss文件下引入@impor
一、初始化项目创建利用工具导入插件 说明已经导入二、配置1、先安装插件uview-plus依赖SCSS，需要先下载sass 和sass-loadernpminstallsasssass-loader@10-D 依次安装以下插件，如果有请忽略npminstalldayjsnpminstallclipboard2、配置文件main.jsimportuViewfrom'@/uni_modules/uview-plus' app.use(uView)App.vue@import"@/uni_modules/uview-plus/index.scss";uni.scss@import'@/uni_mod
在微信小程序中用u-icon标签选择器才能对其设置样式，但在h5预览中u-icon{}这样设置样式不生效，用组件的customStyle属性才生效。所以干脆对不同平台用不同写法： u-iconname="close"@click="close">u-icon> u-iconname="close"@click="close":customStyle=" {position:'absolute', right:'30rpx', top:'33rpx'}">u-icon> 同时在style标签里使用u-icon选择器写样式来作用于微信小程序中：u-ic
在请求后端的时候，需要带请求头去访问，在uview里写了http请求可以传递的参数：详情参考：Http请求|uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架实战代码示例：//现在这个请求接口做的是给后端发送数据uni.$u.http.post('/后台接口/***',第二个参数（后台需要传递的参数）,{ header:{ 'Content-Type':'需要携带的请求头' }, dataType:'json' }).then(res=>{ //console.log('要传递了')//在验证通过，后台
u-view1.几的版本文档，可以看到，没有可以操作，过去时间不可选的方法。如下u-picker mode="time" v-model="show" :params="params" @confirm="confirmTime" :start-year="startYear">/u-picker>解决后的样子u-picker mode="time" v-model="show" :params="params" @confirm="confirmTime" :start-year="startYear" control//加上他就可以拉>/u-picker>找到picker的源码位置==>u
项目场景：例如：当我们使用DatetimePicker组件时，这个官方插件用v-model不生效想必大家都百度了好久了吧，我也是百度了好久没有出来，最后换了一种思路。希望对你们有帮助。问题描述例如：你们在使用的时候是不是也遇到v-model不生效的问题，data写初始值也不能渲染到页面上，或者说渲染了但是是以时间戳的模式渲染，到这里，你就可以转换思路了，因为这就是官方一直未修复的bug。接下来我们换一种思路。 u-datetime-pickerref="datetimePicker"v-model="isDate":formatter="formatter":show="show"mode="
