/pages/chat/group-remark/group-remark.vue

<template>
  <view class="page">
    <!-- 导航栏 -->
    <free-nav-bar title="群公告" showBack :showRight="true" bgColor="bg-white">
      <free-main-button name="推送" slot="right" @click="submit"></free-main-button>
    </free-nav-bar>
  
    <textarea v-model="remark" placeholder="暂无公告..." class="bg-white p-2 font-md" style="width:750rpx;" />
  </view>
</template>

<script>
  import freeNavBar from '@/components/free-ui/free-nav-bar.vue';
  import freeMainButton from '@/components/free-ui/free-main-button.vue';
  import $H from '@/common/free-lib/request.js';
  import auth from '@/common/mixin/auth.js';
  export default {
    mixins:[auth],
    components:{
      freeNavBar,
      freeMainButton,
    },
    data() {
      return {
        remark:'',
        id:0
      }
    },
    onLoad(e) {
      if(!e.params){
        return this.backToast()
      }
      let params = JSON.parse(e.params);
      console.log(params)
      this.remark = params.remark;
      this.id = params.id;
    },
    methods: {
      submit(){
        $H.post('/group/remark',{
          id:this.id,
          remark:this.remark
        }).then(res=>{
          uni.showToast({
            title:'推送成功',
            icon:'none'
          });
          uni.navigateBack({
            delta:res
          });
        })
      }
    }
  }
</script>

<style>

</style>

页面如下图

uni-app 100群公告推送功能（二）_导航栏


感谢大家观看，我们下次见