摘要：
<!-- 父组件 --> <template> <view> <syncA :title.sync="title"></syncA> </view> </template> <script> export default { data() { return { title:"hello vue.js 阅读全文
posted @ 2021-01-04 16:07
呱呱呱呱坠地
阅读(216)
评论(0)
推荐(0)
摘要：
<template> <view> <!-- 我是父组件 --> <componentA @click.native="clickComponentA" style="height: 200px;"></componentA> </view> </template> <script> export 阅读全文
posted @ 2021-01-04 16:04
呱呱呱呱坠地
阅读(190)
评论(0)
推荐(0)
摘要：
<script> export default { props: { // 检测类型 + 其他验证 age: { type: Number, default: 0, required: true, validator: function(value) { return value >= 0 } } 阅读全文
posted @ 2021-01-04 15:51
呱呱呱呱坠地
阅读(429)
评论(0)
推荐(0)
摘要：
通过uni-app的easycom： 将组件引入精简为一步。只要组件安装在项目的 components 目录下，并符合 components/组件名称/组件名称.vue 目录结构。就可以不用引用、注册，直接在页面中使用。 <!-- 在index.vue引入 uni-badge 组件--> <temp 阅读全文
posted @ 2021-01-04 15:18
呱呱呱呱坠地
阅读(687)
评论(0)
推荐(0)
摘要：
<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, 阅读全文
posted @ 2021-01-04 14:55
呱呱呱呱坠地
阅读(160)
评论(0)
推荐(0)
摘要：
<template> <view> <view>{{ fullName }}</view> </view> </template> <script> export default { data() { return { firstName: 'Foo', lastName: 'Bar' } }, c 阅读全文
posted @ 2021-01-04 14:29
呱呱呱呱坠地
阅读(1742)
评论(0)
推荐(0)
摘要：
// 事件映射表，左侧为 WEB 事件，右侧为 ``uni-app`` 对应事件 { click: 'tap', touchstart: 'touchstart', touchmove: 'touchmove', touchcancel: 'touchcancel', touchend: 'touc 阅读全文
posted @ 2021-01-04 14:01
呱呱呱呱坠地
阅读(518)
评论(0)
推荐(0)
摘要：
使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用 v-on:click.prevent.self 会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。注意 为兼容各端，事件需使用 v-on 或 @ 的方式绑定，请勿使用小程序端的 bind 阅读全文
posted @ 2021-01-04 13:59
呱呱呱呱坠地
阅读(4080)
评论(0)
推荐(0)
摘要：
用 v-for 来遍历一个对象的 property。 第一个参数 value 是被迭代的数组元素的别名。 第二个参数为 property 名称 (也就是键名)。 第三个参数作为索引。 <template> <view> <view v-for="(value, name, index) in obj 阅读全文
posted @ 2021-01-04 11:26
呱呱呱呱坠地
阅读(10091)
评论(0)
推荐(0)
摘要：
v-show 是改变display属性，v-if是元素存在与不存在 <template v-if="seen"> <view>标题</view> <view>内容：现在你看到我了</view> </template> <view v-show="ok">Hello!</view> 注意：大致用法一样 阅读全文
posted @ 2021-01-04 11:13
呱呱呱呱坠地
阅读(112)
评论(0)
推荐(0)
摘要：
在 JavaScript 中，truthy（真值）指的是在布尔值上下文中，转换后的值为真的值。所有值都是真值，除非它们被定义为 假值（即除 false、0、""、null、undefined 和 NaN 以外皆为真值 阅读全文
posted @ 2021-01-04 10:56
呱呱呱呱坠地
阅读(365)
评论(0)
推荐(0)
摘要：
<style lang='less' scoped> @import "./common/uni.less"; //分号不能少 .uni-hello-text{ color:#7A7E83; } </style> 阅读全文
posted @ 2021-01-04 10:53
呱呱呱呱坠地
阅读(119)
评论(0)
推荐(0)
摘要：
data 必须声明为返回一个初始数据对象的函数（注意函数内返回的数据对象不要直接引用函数外的对象）；否则页面关闭时，数据不会自动销毁，再次打开该页面时，会显示上次数据。 //正确用法，使用函数返回对象 data() { return { title: 'Hello' } } //错误写法，会导致再次 阅读全文
posted @ 2021-01-04 10:50
呱呱呱呱坠地
阅读(482)
评论(0)
推荐(0)
摘要：
1. rich-text rich-text是uni-app的内置组件，提供了高性能的富文本渲染模式。API参考https://uniapp.dcloud.io/component/rich-textrich-text的优势是全端支持、高性能。有个缺陷是只能整体设点击事情，无法对富文本中的图片、超链 阅读全文
posted @ 2021-01-04 10:48
呱呱呱呱坠地
阅读(9554)
评论(0)
推荐(1)
摘要：
<template> <!-- 支持 --> <view class="container" :class="computedClassStr"></view> <view class="container" :class="{active: isActive}"></view> <!-- 不支持 阅读全文
posted @ 2021-01-04 10:47
呱呱呱呱坠地
阅读(529)
评论(0)
推荐(0)
摘要：
<template> <view> <!-- class --> <view class="static" :class="[activeClass,errorClass]">111</view> <view class="static" v-bind:class="[isActive ? acti 阅读全文
posted @ 2021-01-04 10:41
呱呱呱呱坠地
阅读(1027)
评论(0)
推荐(0)
浙公网安备 33010602011771号