vxe-table 如何实现直接渲染输入框控件，不需要点击编辑方式，直接就显示文本框
vxe-table 如何实现直接渲染输入框控件，不需要点击编辑方式，直接就显示文本框实现思路通过自定义插槽模板来渲染控件，基本上任何 vue 的组件都能渲染，区别就是性能可能不太好，对于需求必须要这样实现的场景就非常有用了。
查看官网：https://vxetable.cn
文本框
<template>
<vxe-grid v-bind="gridOptions">
<template #role_default="{ row }">
<vxe-input v-model="row.role"></vxe-input>
</template>
</vxe-grid>
</template>文本域
由于多行文本跟输入框是不一样，还需要再设置一个行高，才能确保可以渲染多行文本域
<template>
<vxe-grid v-bind="gridOptions">
<template #role_default="{ row }">
<vxe-input v-model="row.role"></vxe-input>
</template>
</vxe-grid>
</template>以上就实现了不需要点击单元格，直接就能编辑单元格控件。
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]