49 lines
984 B
Vue
49 lines
984 B
Vue
|
<template>
|
||
|
|
<view class="container">
|
||
|
|
<view>{{$t('schema.name')}}</view>
|
||
|
|
<input class="input" v-model="name" />
|
||
|
|
<button type="primary" @click="add">{{$t('schema.add')}}</button>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
const collection = "hello";
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
name: ""
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
add() {
|
||
|
|
uni.showLoading();
|
||
|
|
let db = uniCloud.database()
|
||
|
|
db.collection(collection).add({
|
||
|
|
name: this.name
|
||
|
|
}).then((res) => {
|
||
|
|
uni.showToast({
|
||
|
|
title: this.$t('schema.add-success')
|
||
|
|
})
|
||
|
|
}).catch((err) => {
|
||
|
|
uni.showModal({
|
||
|
|
content: err.message,
|
||
|
|
showCancel: false
|
||
|
|
})
|
||
|
|
}).finally(() => {
|
||
|
|
uni.hideLoading();
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.input {
|
||
|
|
border: 1px solid #ebebeb;
|
||
|
|
border-radius: 3px;
|
||
|
|
margin-top: 15px;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
padding: 8px;
|
||
|
|
}
|
||
|
|
</style>
|