01 2021 档案
摘要：APP-PLUS App APP-PLUS-NVUE或APP-NVUE App nvue H5 H5 MP-WEIXIN 微信小程序 MP-ALIPAY 支付宝小程序 MP-BAIDU 百度小程序 MP-TOUTIAO 字节跳动小程序 MP-QQ QQ小程序 MP-360 360小程序 MP 微信小
阅读全文
摘要：小程序中有个globalData概念，可以在 App 上声明全局变量。 Vue 之前是没有这类概念的，但 uni-app 引入了globalData概念，并且在包括H5、App等平台都实现了。 在 App.vue 可以定义 globalData ，也可以使用 API 读写这个值。 globalDat
阅读全文
摘要：将一些使用频率较高的常量或者方法，直接扩展到 Vue.prototype 上，每个 Vue 对象都会“继承”下来。 注意这种方式只支持vue页面 示例如下： 在 main.js 中挂载属性/方法 Vue.prototype.websiteUrl = 'http://uniapp.dcloud.io'
阅读全文
摘要：在 uni-app 项目根目录下创建 common 目录，然后在 common 目录下新建 helper.js 用于定义公用的方法。 const websiteUrl = 'http://uniapp.dcloud.io'; const now = Date.now || function () {
阅读全文
摘要：<!-- 父组件 --> <template> <view> <syncA :title.sync="title"></syncA> </view> </template> <script> export default { data() { return { title:"hello vue.js
阅读全文
摘要：<template> <view> <!-- 我是父组件 --> <componentA @click.native="clickComponentA" style="height: 200px;"></componentA> </view> </template> <script> export
阅读全文
摘要：<script> export default { props: { // 检测类型 + 其他验证 age: { type: Number, default: 0, required: true, validator: function(value) { return value >= 0 } }
阅读全文
摘要：通过uni-app的easycom： 将组件引入精简为一步。只要组件安装在项目的 components 目录下，并符合 components/组件名称/组件名称.vue 目录结构。就可以不用引用、注册，直接在页面中使用。 <!-- 在index.vue引入 uni-badge 组件--> <temp
阅读全文
摘要：<script> export default { data() { return { a: 1, b: 2, c: 3, d: 4, e: { f: { g: 5 } } } }, watch: { a: function(val, oldVal) { console.log('new: %s,
阅读全文
摘要：<template> <view> <view>{{ fullName }}</view> </view> </template> <script> export default { data() { return { firstName: 'Foo', lastName: 'Bar' } }, c
阅读全文
摘要：// 事件映射表，左侧为 WEB 事件，右侧为 ``uni-app`` 对应事件 { click: 'tap', touchstart: 'touchstart', touchmove: 'touchmove', touchcancel: 'touchcancel', touchend: 'touc
阅读全文
摘要：使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用 v-on:click.prevent.self 会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。注意 为兼容各端，事件需使用 v-on 或 @ 的方式绑定，请勿使用小程序端的 bind
阅读全文
摘要：用 v-for 来遍历一个对象的 property。 第一个参数 value 是被迭代的数组元素的别名。 第二个参数为 property 名称 (也就是键名)。 第三个参数作为索引。 <template> <view> <view v-for="(value, name, index) in obj
阅读全文
摘要：v-show 是改变display属性，v-if是元素存在与不存在 <template v-if="seen"> <view>标题</view> <view>内容：现在你看到我了</view> </template> <view v-show="ok">Hello!</view> 注意：大致用法一样
阅读全文
摘要：在 JavaScript 中，truthy（真值）指的是在布尔值上下文中，转换后的值为真的值。所有值都是真值，除非它们被定义为 假值（即除 false、0、""、null、undefined 和 NaN 以外皆为真值
阅读全文
摘要：<style lang='less' scoped> @import "./common/uni.less"; //分号不能少 .uni-hello-text{ color:#7A7E83; } </style>
阅读全文
摘要：data 必须声明为返回一个初始数据对象的函数（注意函数内返回的数据对象不要直接引用函数外的对象）；否则页面关闭时，数据不会自动销毁，再次打开该页面时，会显示上次数据。 //正确用法，使用函数返回对象 data() { return { title: 'Hello' } } //错误写法，会导致再次
阅读全文
摘要：1. rich-text rich-text是uni-app的内置组件，提供了高性能的富文本渲染模式。API参考https://uniapp.dcloud.io/component/rich-textrich-text的优势是全端支持、高性能。有个缺陷是只能整体设点击事情，无法对富文本中的图片、超链
阅读全文
摘要：<template> <!-- 支持 --> <view class="container" :class="computedClassStr"></view> <view class="container" :class="{active: isActive}"></view> <!-- 不支持
阅读全文
摘要：<template> <view> <!-- class --> <view class="static" :class="[activeClass,errorClass]">111</view> <view class="static" v-bind:class="[isActive ? acti
阅读全文
浙公网安备 33010602011771号