石家庄有什么好玩的地方,2017织梦网站怎么做seo,网络项目工作室,网页设计有哪些内容官方云数据库文档 前置步骤使用uni-app新建一个uniCloud项目 [外链图片转存失败,源站可能有防盗官方云数据库文档]!链机制,建议将()https://uniapp.dcloud.net.cn/uniCloud/hellodb.html)] 新建表 这里我加了几个测试字段 createTime、remark、money
// 文档教程: https://un…官方云数据库文档 前置步骤使用uni-app新建一个uniCloud项目 [外链图片转存失败,源站可能有防盗官方云数据库文档]!链机制,建议将()https://uniapp.dcloud.net.cn/uniCloud/hellodb.html)] 新建表 这里我加了几个测试字段 createTime、remark、money
// 文档教程: https://uniapp.dcloud.net.cn/uniCloud/schema
{bsonType: object,required: [],permission: {read: true,create: true,update: true,delete: true},properties: {_id: {description: ID系统自动生成},createTime:{bosnType:string},remark:{bosnType:string},money:{bosnType:number}}
}效果 完整代码
templateviewinput v-modelform.remark placeholder备注 typetextinput v-modelform.money typenumber placeholder金额button clickclickAdd新增/buttonview classlist v-foritem in list :keyitem._id{{item.remark}}button stylewidth:2em; clickclickDelete(item._id)删除/button/view/view
/templatescript setupimport {reactive,ref} from vue;import {onShow} from dcloudio/uni-appconst form reactive({remark: ,money: 0})const list ref([]);const db uniCloud.database()// 新增function clickAdd() {db.collection(list).add({createTime: new Date(),remark: form.remark,money: form.money}).then((res) {getList()// uni.navigateBack()}).catch((err) {uni.showModal({content: err.message || 请求服务失败,showCancel: false})})}onShow(() {getList();})// 列表查询async function getList() {let {result} await db.collection(list).get();console.log(result)list.value result.data;}async function clickDelete(_id) {await db.collection(list).doc(_id).remove();getList()}
/scriptstyle scoped.list {color: #000;background-color: pink;margin-bottom: 36rpx;}
/style
