摘要:正常情况下,我们想获取列表只需要定义接口路径和要显示的字段名即可, 比如: <input id="c-package_ids" data-rule="required" data-field="package_name" data-source="package/index" data-params
阅读全文
摘要:点击链接支持 blank,但无法打开多个,考虑使用绑定 click 事件的方式。 window.open 的采用需要有主动点击的情况,否则浏览器可能拦截。 如果是外部窗口,在点击时,优先使用 window.open 打开。 另一个可以选择降级为使用 window.location.href 的方式。
阅读全文
摘要:思路:设置定时器一个,n 秒后设置 404 或其它,此时给 iframe 的 onload 事件设置回调函数,加载完成则取消定时器。 示例: data () { return { handler: null } } created () { this.handler = setTimeout(()
阅读全文
摘要:uni 自带的 navigation bar 对于普通的导航需求是够用的,也允许 onNavigationBarButtonTap 加点击事件。 但是会出现异常Bug,表现为在内部页面一番操作后,再返回到主页,主页导航上的 onNavigationBarButtonTap 点击无效。 你也能在社区看
阅读全文
摘要:在 Vue 中存在使用 v-if 决定元素显示隐藏的时候,会出现页面闪烁,那么当然 uni-app 中也存在了。 如果编译完后,需要满足 js 的某个条件才隐藏,页面元素必然会有闪烁的情况。 所以解决问题的方法是,默认让这个元素不显示(也就是不满足某个条件,使 v-if 默认为 false),只有当
阅读全文
摘要:检查一下你是否在 App.vue 中有手动操作引入过 uni.scss,比如下面的 import: <style lang="scss"> @import url("./uni.scss"); /* #ifdef MP-TOUTIAO */ @font-face { font-family: uni
阅读全文
摘要:使用 this.$forceUpdate() 强制刷新页面。 Refer:uni-app自定义导航 Link:https://www.cnblogs.com/farwish/p/13870801.html
阅读全文
摘要:使用 uni-card 和其它组件没有什么区别,关注支持的属性和事件即可。 对于属性,需要特别注意值的类型,比如不要把非字符串的当做字符串处理。 举例,如下 is-full 需要 Boolean 类型,但是我们使用了字符串。 <uni-card is-full="true" :is-shadow="
阅读全文
摘要:文档上的描述是比较简陋的,不明所以。 核心就是两块内容,一个是 uni-grid 可以加 change 事件;另一个是 uni-grid-item 上面 index 属性值会作为 change 指定函数的参数一部分返回,格式是 {detail:{index:0}} 举例,局部代码如下: <uni-g
阅读全文
摘要:默认情况是,有历史上一页的 页面会在左上角展示返回图标。 比如登录页不想展示返回,在跳转进来时可以使用 uni.redirectTo({}),它能够关闭其它页面,这样当前页就不会有返回箭头了。 Refer:uni-app使用场景 Link:https://www.cnblogs.com/farwis
阅读全文
摘要:一种是 原生导航栏添加自定义按钮。简单明了。 pages.json 配置 { "path": "pages/log/log", "style": { "navigationBarTitleText": "hello", "app-plus": { "titleNView": { "buttons":
阅读全文
摘要:yarn 设置命令如下,会修改 ~/.yarnrc 内容。 $ yarn config set registry https://registry.yarnpkg.com npm 设置命令如下,会修改 ~/.npmrc 内容。 $ npm config set registry https://re
阅读全文
摘要:查看 npm 源: $ npm config get registry> http://registry.npmjs.org/ 修改 npm 源: $ npm config set registry https://registry.npm.taobao.org Link:https://www.c
阅读全文
摘要:答案是肯定有风险。 非技术角度讲,使用这种方式登录微信存在被微信官方风控的可能性,需要特别注意。 另外,以下是 wechaty 项目说明文件中截取的内容: 我们可以看到,除了微信官方方面的风险,我们的数据会经过第三方服务机构,而且并未承诺绝不访问用户数据。 而是说保持最大程度的自律,自律这种说法我不
阅读全文
摘要:iframe 的 src 是链接, 但是加载的实际链接是相对路径,只有一种可能:链接地址不正确。 检查链接有没有少符号,常见错误:http//,http:/ Refer:Vue的iframe错误 Link:https://www.cnblogs.com/farwish/p/13205777.html
阅读全文
摘要:通过 ls -al /usr/local/opt 可以看到 icu4c 链接的不是 libicui18n.64.dylib。 一般是 node 版本问题会出现该提示,通过观察版本大小,决定是升级还是使用旧版的库。 比如 Mac 升级 node 使用:brew upgrade node Refer:什
阅读全文
摘要:SSR 和 PWA 这两块分开讲,需要做不少的处理,现在我们有了一种简便的方式来处理它,就是使用 Quasar 框架。 Quasar 支持了 SPA、SSR、PWA、Mobile APP、Electron APP、Browser Extension 这些类型应用的开发,相当强大。 在 Quasar
阅读全文
摘要:在 WebStorm 中搜索文件 .eslintrc.js 在里面的 rules 项中追加规则: 'no-trailing-spaces' : ['off', { 'skipBlankLines': true, 'ignoreComments': true, } ], http://eslint.o
阅读全文
摘要:注意以下使用了 const 定义未改变的变量,没有使用 var。 function isWeChatBrowser () { const ua = window.navigator.userAgent.toLowerCase() const matchArr = ua.match(/MicroMes
阅读全文
摘要:Quasar 的 loading 组件是提供加载中的遮罩效果的。 如果你不想要 loading 的效果,只想保留遮罩效果,那么你可以通过 show() 方法的参数进行调整。 把 spinnerSize 设为 0 即可做到,如果想把提示信息设为图片样式,可通过 message 设置 html 标签。
阅读全文