![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp
不秃头的小李同学
这个作者很懒,什么都没留下…
展开
-
小程序scroll-view失效
横向滑动要点:外层设置:white-space:nowrap;dispaly:flex;内层设置:display:inline-block;<view> <scroll-view scroll-x="true" style="height:50rpx; white-space:nowrap ;display:flex;" > <view style="display:inline-block ;color:red;">niaho</view&原创 2021-08-16 17:30:11 · 1179 阅读 · 0 评论 -
uniapp 中input 判断输入enter (@keyup.13失效)
uni-app运行在手机端,没有键盘事件,所以不支持按键修饰符原代码如下:<input :value.trim="serachName" @keyup.13="searchFood" class="u-search-text" placeholder="输入食材或者菜名"></input>查看uniapp官方文档中可知可以用@confirm来实现所需要的功能修改后<input :value.trim="serachName" confirm-type=".原创 2021-08-13 15:12:27 · 2797 阅读 · 0 评论 -
uniapp tabbar失效
第一、查看是否报错路径是否正确第二、确保tabBar.list数组的第一项必须和pages配置中的第一项要相同原创 2021-08-06 16:31:06 · 1866 阅读 · 0 评论 -
TypeError: Cannot read property ‘push‘ of undefined
问题原因this没有指向data,出现this作用域问题(解决方法,在函数外层const that = this,利用that代替this)原代码:报错[system] TypeError: Cannot read property 'push' of undefined at Function.success (pages-index-index.9f60a9e14becec7424f4.hot-update.js:59) at chunk-vendors.js:186 at Object.I.原创 2021-08-06 09:59:30 · 8513 阅读 · 0 评论 -
uniapp中利用@change来检测复选框的选择变化
<template> <view> <view class="uni-list"> <checkbox-group @change="checkboxChange"> <label class="uni-list-cell" v-for="item in items" :key="item.value"> <view>原创 2021-08-05 16:33:59 · 6352 阅读 · 0 评论 -
uniapp UI库 uView UI的使用
uniapp UI库 uView UI的使用一、新建`uniapp`项目二、安装下载`uViewUI`组件库方式一:[插件市场官网](https://ext.dcloud.net.cn/plugin?id=1593)直接下载方式二、利用npm下载三、修改相关配置四、使用组件修改`index.vue`文件示例:结果展示:下拉框展示日历展示一、新建uniapp项目笔者用的Hbuilder app开发版二、安装下载uViewUI组件库方式一:插件市场官网直接下载官网下载解压到项目文件根目录原创 2021-08-05 13:52:59 · 2910 阅读 · 1 评论 -
vue自定义组件
一、无参组件首先利用VUE-CLI创建一个vue项目(不用vue-cli也行此处只是原来建立好了,方便演示)编写组件<template> <div class="hello"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / customize this project,<br> check原创 2021-08-03 16:36:33 · 288 阅读 · 0 评论 -
利用@tap替换@click减少延迟
在移动端,click事件有延迟,延迟主要是判断当前是滑动还是点击,延迟时间大约有300ms为了提升用户体验,tap事件可以降低延迟的时间原创 2021-08-03 16:21:34 · 381 阅读 · 0 评论 -
uniapp导航失败:navigateTo:fail can not navigateTo a tabbar page
uni.navigateTo( { url:'../news/index', success:()=> { console.log(1); }, fail: (res) => { console.log('navigate failed',res); } }报错:navigateTo:fail can not navigateTo a tabbar pagenavigateTo不能跳转至具有tabbar的页面解决方法.原创 2021-08-03 16:18:26 · 6306 阅读 · 1 评论