uni-app
weixin_43343144
这个作者很懒,什么都没留下…
展开
-
关于uni-app的ui库、ui框架、ui组件问题【跨端-app、h5、微信、支付宝....】uni-app能用什么UI框架?http插件 axios?
参考:https://ask.dcloud.net.cn/article/35489原创 2019-05-04 20:09:56 · 2871 阅读 · 1 评论 -
uni-app 全局变量的几种实现方式【Vuex,Vue.prototype、公共文件】【多组件传参且改变html元素状态时Vuex优先】
uni-app 全局变量的几种实现方式:http://ask.dcloud.net.cn/article/35021【非常重要】对于uni-app框架在app或微信端来说,Vue.prototype和Vuex就有差别了!【在uni-app框架的app平台中,html标签中无法直接访问Vue的全局属性和方法,而Vuex却可以直接访问】Vue.prototype.$amount = 1...原创 2019-06-13 17:05:57 · 5362 阅读 · 1 评论 -
【uni-app】vue组件祖先/父亲/孙子传值:props, provide,inject,$attrs,$listeners,$emit,$on总结及注意事项
参考别人的:https://blog.csdn.net/qq_41357391/article/details/88430639vue组件之间的传递分类:1、父向子传递:props2、子向父传递:emit、兄弟之间传递:借助中间代理: emit3、兄弟之间传递:借助中间代理:emit3、兄弟之间传递:借助中间代理:emit,$on3、祖先传给孙子:这个高级provide,in...原创 2019-06-13 18:38:39 · 6341 阅读 · 0 评论 -
【非常重要】兼容uni-app框架的Vue之任意组件传参完美解决方案【父子组件、孙子祖辈组件、无关联的组件传参都支持】
处理事件的原则是:能在当前组件处理完毕的事件,坚决不往父组件传【多层传参一旦状态改变,层数越多,越复杂】在Vue的框架中,组件传参是非常复杂的!组件传参的一些情况:父向子 ---- props单向传参【兼容uni-app和纯Vue】子向父----$emit和$on发射和接收事件参数【兼容uni-app和纯Vue】祖辈向孙子----模拟父向子一层一层的单向传参【兼容u...原创 2019-06-13 19:56:55 · 1569 阅读 · 0 评论 -
【uni-app框架】Vue之watch对象监听仅当对象地址发生改变的时候才会监听【普通监听和深度监听区别】
参考watch的深度监听玩法:https://blog.csdn.net/qq_17757973/article/details/78721553深度监听参考官方:https://cn.vuejs.org/v2/api/#watch<template> <view> <button type="primary" @tap="click"&g...原创 2019-06-18 21:02:41 · 18600 阅读 · 0 评论 -
【uni-app框架】Vue之实时更新响应式数据的方法【使用生命周期updated方法】
updated监听数据变化和watch监听数据变化的区别:updated:只要data对象中的任何数据发生变化,都会执行一次!【响应式刷新数据】watch:仅当data对象中的属性地址发生改变时,才会执行【引用类型才有地址,值类型改变自然会调用】...原创 2019-06-18 21:33:29 · 8477 阅读 · 0 评论 -
【兼容uni-app】Vue之父组件如何调用子组件的属性和方法【参考$refs属性】【有坑....】
总结:$refs和生命周期有关【必须页面渲染完毕之后 才能正常访问其内部的属性】父组件parent.vue<template> <view> <!-- 这里的child可以随意取,但是必须唯一,在refs对象中 --> <child ref="child"></child> </view><...原创 2019-06-14 09:16:43 · 6470 阅读 · 0 评论 -
【uni-app框架】使用Vue框架之组件传参的时候错误:Avoid mutating a prop directly since the value will be overwritten when
uni-app框架之警告提示【app端会有,浏览器可能不会出现】:12:33:16.009 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed...原创 2019-06-14 12:40:13 · 2849 阅读 · 0 评论 -
【重磅技术】uni-app框架之如何使用Websocket【官方自带的uni.connectSocket完美测试成功】【测试发现:APP端无法同时开多个websocket】
uni-app框架websocket测试发现:【APP端无法同时开多个websocket----这个问题等待解决!!!H5端没问题】测试发现问题所在:uni.connectSocket(OBJECT)创建出来的对象socketTask在浏览器中是一个实例对象【支持同时创建多个实例】而在APP却是一个单实例【所有新建的url的websocket都指向最后一个创建的实例】总的来说,还是可以...原创 2019-06-20 11:35:31 · 29009 阅读 · 11 评论 -
【最新总结】Vue或uni-app之H5跨域的总结【完全实战总结】
Vue或uni-app之H5跨域匹配的原理: 第一步【正常第一步就够了】:把/api/v1中的第一个/替换成target 如:target=http://127.0.0.1:8099 匹配结果:http://127.0.0.1:8099/api/v1 如:target=http://127.0....原创 2019-08-01 16:40:38 · 1956 阅读 · 0 评论 -
【uniapp框架错误】很难找的错误:[ERROR] reportJSException >>>> exception function:createInstance, exception
【非常重要】在uni-app中,props是无法访问this的,而在h5中是可以的,所以这个错误会在uni-app的APP端出现,而h5是正常的【非常头痛】这个错误很难找,我是用排除法测试出来的【H5和APP还是有很大差不多的,务必小心】uni-app错误提示:[ERROR] reportJSException >>>> exception function:...原创 2019-08-01 18:11:54 · 59317 阅读 · 10 评论 -
【H5+来实现】uni-app框架如何跳转到第三方url或调用第三方APP
参考:http://ask.dcloud.net.cn/article/35621H5+官网参考:http://www.html5plus.org/doc/zh_cn/runtime.html#plus.runtime.openWeb原创 2019-08-06 16:01:03 · 17595 阅读 · 1 评论 -
HBuilder(基于MUI的H5+)如何重启或强制退出APP的方法
// 封装一个H5+的重启APP的方法Vue.prototype.$plusRestartApp = function () { // #ifdef APP-PLUS plus.runtime.restart() // #endif}参考:https://www.html5plus.org/doc/zh_cn/runtime.html...原创 2019-08-12 12:22:53 · 4179 阅读 · 1 评论 -
uni-app框架之如何获取manifest.json中的版本号信息
参考:https://ask.dcloud.net.cn/question/2674参考:https://www.html5plus.org/doc/zh_cn/runtime.html#plus.runtime.version// #ifdef APP-PLUSplus.runtime.getProperty( plus.runtime.appid, function ( wgtin...原创 2019-08-26 15:36:43 · 9054 阅读 · 1 评论 -
【uni-app一个很大的坑】监听input标签的输入事件获取输入的值uni-app和Vue有很大的区别【uni-app的input接收值延迟的解决办法】
官方推荐input事件获取内容方式:<template> <view> <input type="number" placeholder="请输入" @input="onInput" /> </view></template><script> export default...原创 2019-09-21 09:35:22 · 39477 阅读 · 9 评论 -
uni-app框架如何解析字符串的html文本的标签:
参考官方文档:https://uniapp.dcloud.io/component/rich-text<rich-text :nodes="strings"></rich-text>export default { data() { return { strings: '<div style="text-...原创 2019-10-05 11:22:12 · 11037 阅读 · 0 评论 -
【uni-app框架】组件传参props传入对象之后报的错误:undefined is not an object (evaluating 'event.detail.$parent.$childre
错误的核心代码:undefined is not an object (evaluating 'event.detail.$parent.$children'); [Component] Event Listener Error @ wx-view#(anonymous)错误分析:出现这个的原因其实就是父组件传入的数据类型结构和子组件传入的数据结构不一致,而导致undefined 错误类...原创 2019-05-24 09:56:13 · 13539 阅读 · 0 评论 -
【app非常重要】uni-app框架之彻底搞定APP端正常访问【ethers或web3的以太坊库的问题】 【必须使用兼容app端跨域的XMLHttpRequest请求】
使用uni-app框架实现异步访问【ethers或web3以太坊区块链的数据】常见的错误:【app端提示这个错误,H5不会提示】:Unhandled promise rejection, TypeError: undefined is not a constructor (evaluating 'new h.XMLHttpRequest()')错误原因分析:错误提示中的new h.XML...原创 2019-05-23 14:02:35 · 6668 阅读 · 1 评论 -
uni-app暂时不兼容v-for深度传参的问题【在APP中,v-for内部作用域元素无法深度访问v-for的变量】【这个问题H5支持,但是uni-app不兼容,哎.......】
uni-app之app平台:由于v-for中的token和index在【v-bind对象动态绑定的时候】访问不到,所以下面这段代码运行会报错uni-app之H5平台:H5对v-fortoken和index子组件深度访问支持良好uni-app框架之V-for语句的作用域总结:app深度有限制,而H5没问题!<template> <view class="walle...原创 2019-05-23 12:14:48 · 3171 阅读 · 0 评论 -
uni-app如何取消pages页面的默认返回按钮【autoBackButton属性】
"pages": [{ "path" : "pages/search/search", "style": { "navigationBarTitleText": "搜索页", "app-plus":{ "titleNView":{ "autoB...原创 2019-05-08 10:08:45 · 29036 阅读 · 7 评论 -
【报Bug】uni-app(android系统下自定义基座,ios未测)设置原生导航栏按钮监听事件(onNavigationBarButtonTap)无效。
参考文档:http://ask.dcloud.net.cn/question/66571【仅APP会出问题,h5不会出问题】问题产生的原因:自定义按钮的fontSize属性使用了upx单位就会导致问题。fontSize设置px单位就成功了【切记:APP修改了pages.json文件一定要重启,否则看不到效果!】 { "path" :...原创 2019-05-08 11:04:53 · 7703 阅读 · 2 评论 -
uni-app之空格换行 实例符号总结
原创 2019-05-05 21:06:27 · 42794 阅读 · 4 评论 -
uni-app框架的template标签和html的template标签的区别【非常重要!!!】
uni-app【兼容小程序的模板】 :https://uniapp.dcloud.io/frame?id=template-blockhtml官方的模板介绍:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/template原创 2019-05-05 22:31:31 · 6756 阅读 · 0 评论 -
【uni-app框架】单独组建之CSS选择器APP、小程序和H5不一样的玩法【非常重要】
针对自定义的组件【在Vue中非常常见】样式选择的时候,APP和h5不一样<own-icon classType="icon-shanchu" color="#f40" fontSize="36px" @click="clickIcon(index)"></own-icon>app选择器方法【一个单独的标签】// 针对于app来说自定义的组件就是一个单独的标...原创 2019-05-08 22:51:55 · 1348 阅读 · 0 评论 -
uni-app之应用生命周期和页面生命周期及Vue生命周期的作用域对比
uni-app参考:https://uniapp.dcloud.io/use原创 2019-05-06 15:55:10 · 2313 阅读 · 0 评论 -
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and at
uni-app【兼容小程序为主的APP】开发app或小程序的时候会提示这样的错误:Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./common/own/components/index-list.wxs...原创 2019-05-06 16:11:48 · 6848 阅读 · 0 评论 -
【uni-app框架】如何导入全局的scss文件【研究了很久重要搞定了】
原创 2019-05-09 12:05:28 · 6264 阅读 · 4 评论 -
【Hbuilder开发uni-app】自动格式化代码之jsbeautifyrc.js配置【工具-插件配置-format下】
第一步:特别注意:【使用自带的js-beautify就可以了】jsbeautifyrc.js属性官方参考:https://github.com/HookyQR/VSCodeBeautify/blob/master/Settings.mdjs-beautify在Hbuilder是自动安装不可以删除的!【自动格式化代码的配置都在这里---我使用webstorm自动格式化快捷键...原创 2019-05-09 17:34:23 · 23730 阅读 · 0 评论 -
【uni-app框架】配置导出路径
【正对于uni-app框架】特别声明:不建议这种【./】的导出方式,会导致部分资源路径【本来是绝对路径的,现在变成相对路径】无法访问的问题【比如图片,视频....】【uni-app默认publicPath是/】当然,在单纯的Vue.js开发似乎是可以的【单纯的Vue还需要进一步测试这种情况】配置官网:https://uniapp.dcloud.io/collocation...原创 2019-05-09 18:32:57 · 5502 阅读 · 0 评论 -
uni-app的页面背景色怎么设置【和传统的html还是有区别】
灵感来自于文章:http://ask.dcloud.net.cn/question/63438<!-- 为了不影响scss样式污染全局,单独开一个style全局的背景样式 --><style> page { background-color: #F3F4F6; }</style><!-- 如果page【当前页面】要设置...原创 2019-05-15 09:27:57 · 10146 阅读 · 1 评论 -
解决uni-app props 传递数组修改后不能使用问题【小程序和app上props属性修改后都无效】
参考文章:https://www.jianshu.com/p/09fa81a580143.1 解决办法:使用中间临时数组(tempList(),在created()时就开始将值传递给临时数组,防止出现延时情况,后续单独操作临时数组即可。export default { props: ['items'], data() { ...原创 2019-05-07 18:16:06 · 5954 阅读 · 1 评论 -
【uni-app框架】Vue框架的生命周期之data属性、props属性、及其生命周期函数的执行顺序总结【兼容uni-app总结】
第一:props参数是实时更新的,而created和data仅会执行一次【当每次重新跳转到当前页面的时候,这也是为什么叫做当前页面或当前组件声明周期】!第二:在uni-app框架中,APP端和H5端的一些区别:APP端不兼容的特性【H5是最权威的Vue语法,APP支持的H5都支持,反之不然】:A、props参数无法修改【要修改只能赋值给在data中增加一个中间变量,修改data中...原创 2019-05-20 18:15:33 · 6508 阅读 · 1 评论 -
【uni-app框架】和原生的Vue都支持事件默认参数$event
原创 2019-05-24 20:21:17 · 2240 阅读 · 0 评论 -
uni-app跨域解决方案和Vue一样【参考Vue的服务器跨域】
vue跨域参考:https://blog.csdn.net/weixin_43343144/article/details/90093229uni-app 的参考:https://segmentfault.com/a/1190000017911280?utm_source=tag-newestuni-app的manifest.json文件下的H5修改"h5" : { ...原创 2019-05-22 11:24:23 · 3494 阅读 · 1 评论 -
关于uniapp css背景图不能用本地文件的解决办法
参考:http://ask.dcloud.net.cn/question/62417uni-app解决无法加载本地图片的方法【动态加载背景图片*唯一的解决办法】特别注意:千万别忘记了【`url(${indexBackgroundImage})`】<template> <view class="index" :style="{backgroundImage...原创 2019-05-17 21:26:27 · 27887 阅读 · 6 评论 -
uni-app框架tabbar页面数据有改变但是跳转不刷新数据的解决办法【onShow和onHide是tabbar页面切换的关键方法】
参考别人的:https://www.cnblogs.com/Gasg/p/9645014.html【非常重要】tabbar页面专用的两个页面生命周期方法:onShow是tabbar页面切换进入的时候会执行【tabbar页面切换实时更新数据】onHide是tabbar页面切换离开的时候会执行【tabbar页面离开的时候实时清理数据或定时器或关闭服务器】...原创 2019-10-06 18:55:42 · 10115 阅读 · 0 评论