uni-app学习记录
以对_
这个作者很懒,什么都没留下…
展开
-
vue接入腾讯IM
3.打开GenerateTestUserSig.js文件确定appid和密钥填写是否一致。B:打开GenerateTestUserSig.js填写对应key和密钥。网址:https://cloud.tencent.com/1.打开web文件,找到debug文件,进行复制。A:打开web_im根目录找到debug文件夹。:运行前需要配置一下IM的key和密码。然后会打开一个这样的页面,测试成功。2.复制到vue项目的src目录中。下载左侧的体验demo或点击链接。4.导出需要修改一下。原创 2022-11-05 18:49:47 · 1708 阅读 · 0 评论 -
关于弹性盒布局子盒子的宽度失效问题
因为设置了display: flex;导致block布局变成了flex布局, 所以在子元素宽度没有被撑破的情况下,子元素宽度是有效的,但是当子元素内容过多,此时宽度会比实际宽度小,所以如果想要在已经设置了flex布局的基础上,再进行子元素宽度的设置,可以应用下面的样式:(在该子元素上设置)原创 2022-10-28 14:51:03 · 1224 阅读 · 0 评论 -
vue如何把一段html代码渲染到页面并改变样式
给标签添加class类,注意style要开启局部样式,只在本组件生效,并且要使用sass。可以看到,渲染出来的图片过大。原创 2022-10-19 11:48:05 · 1171 阅读 · 0 评论 -
uniapp+uview1.0上传图片
因为uview1.0里的请求不能进行上传,也就是不能upload,所以就不能把上传服务器的接口进行封装,这里采用的是uni.uploadFile。搞了一天,uview1.0上传图片是真麻烦啊。:action是必须配置的。template部分。原创 2022-10-18 12:04:18 · 1025 阅读 · 0 评论 -
关于从列表进入详情页再从详情页返回列表后视图数据不会更新的问题
场景:比如从问答列表进入到问答详情,在详情页面进行了评论,但重新返回到问答列表时,右下角的回答数量不会进行更新。,在activated中再次请求数据,这样重新返回列表时就会再次发起请求,更新视图数据。原因:在组件中请求数据使用的是created,所以只会加载一次。原创 2022-10-16 12:23:53 · 545 阅读 · 0 评论 -
uniapp中插槽的使用
跟 v-on 和 v-bind 一样,v-slot 也有缩写,即把参数之前的所有内容 (v-slot:) 替换为字符 #。父组件:必须在 元素上使用 v-slot 指令,并以 v-slot 的参数的形式提供其名称。:需要多个插槽时,可以利用 元素的一个特殊的特性:name 来定义具名插槽。原创 2022-10-15 20:57:38 · 2666 阅读 · 0 评论 -
uniapp报错:Duplicate keys detected: ‘90‘. This may cause an update error.
在做项目时遇到一个报错:Duplicate keys detected: ‘96’. This may cause an update error.大概意思是:检测到重复键:‘96’。这可能会导致更新错误。原创 2022-10-15 15:33:29 · 365 阅读 · 0 评论 -
混入的简单使用方法
1、在pages目录同级下新建目录mixins,并新建文件mixins.js,写入需要封装的方法。在项目中有时一个方法要在很多页面用到,这时就可以考虑使用混入的方式来进行封装,以提高复用性。2、在需要的页面进行引入即可。原创 2022-10-14 21:40:50 · 243 阅读 · 0 评论 -
记一个uniapp H5使用腾讯地图获取位置的坑
最后,最重要的一点!运行项目时要使用ip地址访问,也就是192.168的那个,否则无法获取当前位置。首先,H5端想获取位置,先去腾讯地图开放平台添加一个应用生成key。然后,在manifest.json中添加key(注意这里要勾选)使用localhost访问就是这样的,定位不准确。原创 2022-10-13 15:32:31 · 1201 阅读 · 0 评论 -
使用uniapp获取当前位置后无法赋值的问题
*问题:**在使用uniapp中自带的uni.chooseLocation和uni.getLocation拿到当前位置信息后,无法把返回的数据赋值给data里的变量。从上面可以看出,在chooseLocation的回调函数内是可以成功赋值的,但跳出函数就不行了,这里应该是因为this指向的问题。**解决:**在chooseLocation内将this保存在that中,再在函数中使用that即可。原创 2022-10-13 12:16:01 · 977 阅读 · 1 评论 -
margin-top作用到父元素上边的问题
问题:当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用到父元素上边。例如:border:1px solid #00FFFF;在做项目时遇到了这个问题,百度了一下应该是值传递的问题。例如:overflow: hidden;2、在父级中添加padding。例如:padding:1px;1、在父级中添加border。原创 2022-10-09 15:18:10 · 243 阅读 · 0 评论 -
vuex-persistedstate持久化存储插件的使用
引入:import createPersistedState from ‘vuex-persistedstate’如果没有配置需要进行存储的数据,默认把state里的数据都进行本地存储。下载:npm install vuex-persistedstate。原创 2022-10-06 07:30:56 · 132 阅读 · 0 评论 -
uni-app使用vuex
第三步:将以下代码复制到index.js中,即可正常使用。第一步:在pages同级目录下新建目录store。第二步:在main.js中引入并挂载store。原创 2022-10-05 17:25:11 · 175 阅读 · 0 评论 -
vue中只渲染数组中的第一条或某一条
有时候数组中有两条或多条数据,但只想渲染其中的某一条,或者在特定的页面渲染某一条二、在特定的页面渲染某一条(比如父组件在调用子组件时传过来一个值,根据这个值去判断要渲染的数据)场景:有时候数组中有两条或多条数据,但只想渲染其中的某一条,或者在特定的页面渲染某一条。一、只想渲染其中的某一条(只渲染第一条数据)子:Review-info.vue。根据数组中的index进行判断。原创 2022-09-30 18:57:34 · 2199 阅读 · 0 评论 -
uView请求数据配置
官方链接:https://v1.uviewui.com/js/http.html其实文档里写的很清楚,但第一次配置时还是很懵。原创 2022-09-30 10:18:04 · 1235 阅读 · 0 评论 -
(坑)uni-app自定义tabBar加全局拦截
今天在做自定义tabBar组件并且设置点击购物车和我的页面会进行拦截,判断是否登录的时候,出现了main.js中的自定义事件不会触发的情况,经过排查发现应该是事件名用到的关键字,改为navigateGo 之后就可以正常使用了。main.js中全局拦截。原创 2022-09-10 20:14:37 · 728 阅读 · 0 评论 -
uni-app中三级联动效果的实现(mpvue-picker)
创建一个带有uni-app框架组件模板的项目,找到里面的mpvue-citypicker文件夹,复制到所需项目中。参考链接:https://github.com/MPComponent/mpvue-picker。原创 2022-09-09 17:38:53 · 1123 阅读 · 0 评论 -
uni-app获取本地存储时报错:“TypeError: this.searchData.unshift is not a function.
原代码:在获取本地存储时使用的是 uni.getStorage(OBJECT)。从本地缓存中异步获取指定 key 对应的内容。并且好像不能使用JSON.parse解析,否则会报错,但是不解析数据渲染也会出错。更改后代码:使用uni.getStorageSync(KEY)。从本地缓存中同步获取指定 key 对应的内容。(只更改了onLoad部分)原创 2022-09-07 21:02:59 · 1089 阅读 · 0 评论 -
uni-app实现搜索框关键词判断和跳转页面
uni-app实现搜索框关键词判断和跳转页面原创 2022-09-07 20:52:05 · 700 阅读 · 0 评论 -
uni-app封装请求方法
新建封装的js文件request.js。补充:官网示例的请求函数。在要请求数据的页面引用。原创 2022-09-07 13:14:52 · 545 阅读 · 0 评论 -
uni-app真机调试报错:TypeError: null is not an object (evaluating ‘data.height‘) __ERROR
uni-app提供了异步(uni.getSystemInfo)和同步(uni.getSystemInfoSync)的2个API获取系统信息。使用uni.getSystemInfo来获取内容区块的高度值,这样就解决了上面的报错信息,也实现了滑动的效果。:这段代码是没有问题的,之所以会报这个错是因为在home-data下放的是自定义组件,并且是进行了数据请求渲染出来的值,就获取不到这个home-data了。:使用uni-app里的scroll-view ,将home-data节点换成scroll-view。原创 2022-09-06 10:51:23 · 2035 阅读 · 0 评论 -
uni-app使用iconfont图标
点击iconfont页面的生成代码,生成以后复制代码粘贴到iconfont.css文件夹中。下载好的压缩包只需要里面的iconfont.css即可,放到公共样式文件夹下。**注意:粘贴的时候前面需要加上http://原创 2022-09-04 16:39:56 · 82 阅读 · 0 评论