找回密码
 立即注册
首页 业界区 业界 如果使用 vxe-grid 全配置式给单元格字段格式化内容,格 ...

如果使用 vxe-grid 全配置式给单元格字段格式化内容,格式化下拉选项内容

恶凝毛 2025-6-6 19:21:18
如果使用 vxe-grid 全配置式给单元格字段格式化内容,格式化下拉选项内容
公司的业务需求是自定义配置好的数据源,通过在列中配置好数据,全 json 方式直接返回给前端渲染,不需要写任何格式化方法。
官网:https://vxetable.cn
  1. npm install vxe-pc-ui@4.3.90 vxe-table@4.11.0
复制代码
  1. // ...
  2. import VxeUI from 'vxe-pc-ui'
  3. import 'vxe-pc-ui/lib/style.css'
  4. import VxeUITable from 'vxe-table'
  5. import 'vxe-table/lib/style.css'
  6. // ...
  7. createApp(App).use(VxeUI).use(VxeUITable).mount('#app')
  8. // ...
复制代码
效果

配置参数:{ name: 'formatOption', options: [], optionProps: { label: 'label', value: 'value' } }
1.png
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
https://gitee.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册