低代码开发平台

Appearance

On this page

api ​

介绍 ​

这里集成的是平台方法/api,如果出现调用失败通常是当前 pteller 环境没有集成这些方法。

apis ​

this 问题 ​

在 ve2 中 this _that 的使用问题往往很迷惑分不清, 这里直接使用_that.xx 即可

moment ​

环境中集成了 moment 日期格式化库 使用方法 this.$moment.xxx

详细使用方式请看官方文档 =>moment 文档;

请求(域后) ​

环境中集成了 发起请求方法

使用方式 this.$remote({url ,params,successFn,failedFn,conf})

javascript
this.$remote({
  url: '/sso/user/queryUserPage', //请求的url
  params: {
    // 请求参数,
    pageIndex: '1',
    pageSize: '10'
  },
  successFn: (res) => {
    //这里是成功的回调函数,接受一个res 是请求成功后后端返回的值
    this.params.table01 = res.data
    this.table.table01.pagination.total = res.count
  },
  failedFn: (err) => {
    // 这里是请求失败的回调函数 err 是失败的信息
  },
  conf: {
    timeout: 1000 //超时时间
  }
})

交互(弹窗) ​

提示 tips

javascript
// 消息提示
this.$message.info('提示信息')
// 成功提示
this.$message.success('提示信息')
// 失败提示
this.$message.error('提示信息')
// 警告提示
this.$message.warning('提示信息')

通知提示框

javascript
this.$notification.open({
  message: '标题',
  description: '提示内容',
  onClick: () => {
    console.log('点击的事件')
  }
})

对话框

javascript
this.$Modal({
  title: '标题',
  message: '内容',
  ok: this.table_btn_60512
})

this.$Modal({
  title: '标题',
  message: '内容',
  ok: ()=>{
    console.log('我是点击成功后的回调函数 ')
  }
})