【前端】jeecgboot vue3开发过程使用方法整理

【前端】jeecgboot vue3开发过程使用方法整理

//定义变量

复制代码
let list = ref([])

获取当前用户信息

复制代码
const { userInfo } = useUserStore();



组件

componentProps属性 可以参考AntDesignVue3的文档

选择器 Select - Ant Design Vue (antdv.com)


复制代码
JDictSelectTag
javascript 复制代码
  {
    label: "用户ID",
    field: 'userId',
    component: 'JDictSelectTag',
//默认值
    defaultValue: userInfo.userId,

    componentProps:{
//选项
      options: [
            {
                key:1,
                value:1,
                label:'张三'
           },
      ],
      //是否显示请选择
      showChooseOption: false,
        
       //如果值是字符串类型  存的数字的话 可以转为数字  不然回显不了
      stringToNumber:true,
        //支持清除  原生属性
        allowClear:false
    },
    colProps: {span: 6},
  }

原生props属性

选择器 Select - Ant Design Vue (antdv.com)

例如


JUpload

文件上传

复制代码
 {
    label: '文件地址',
    field: 'fileUrl',
    component: 'JUpload',
    componentProps: { 
     //文件数量限制
      maxCount: 1
    },
    dynamicRules: ({model,schema}) => {
          return [
                 { required: true, message: '请输入文件地址!'},
          ];
     },
  },


相关推荐
风无雨22 分钟前
GO启动一个视频下载接口 前端可以边下边放
前端·golang·音视频
Rainbow_Pearl27 分钟前
Vue2_element 表头查询功能
javascript·vue.js·elementui
aha-凯心1 小时前
前端学习 vben 之 axios interceptors
前端·学习
熊出没1 小时前
Vue前端导出页面为PDF文件
前端·vue.js·pdf
VOLUN1 小时前
Vue3项目中优雅封装API基础接口:getBaseApi设计解析
前端·vue.js·api
此乃大忽悠1 小时前
XSS(ctfshow)
javascript·web安全·xss·ctfshow
用户99045017780092 小时前
告别广告干扰,体验极简 JSON 格式化——这款工具让你专注代码本身
前端
前端极客探险家2 小时前
告别卡顿与慢响应!现代 Web 应用性能优化:从前端渲染到后端算法的全面提速指南
前端·算法·性能优化
袁煦丞2 小时前
【局域网秒传神器】LocalSend:cpolar内网穿透实验室第418个成功挑战
前端·程序员·远程工作
江城开朗的豌豆2 小时前
Vuex数据突然消失?六招教你轻松找回来!
前端·javascript·vue.js