2.添加复选框和文字行号在一列(组件形式) <template> <el-table-column width="80px"> <template #header> <el-checkbox v-model="selectAll" @change="handleSelectAll">全选</el-checkbox> </template> <template #default="{$index,row}"> <el-checkbox v-model="selectedRows[$index]" @change="...
在前端中我们经常需要将查询的数据按行展示在页面中,这个时间就要使用<el-table>的标签,VUE中实现展示的方法非常简洁。 首先是table的写法 <el-table class="table" :data="datalist" border> <el-table-column label="身份证号" prop="id" align="center" min-width="140"></el-table-column> <el-tabl...
import { watch,ref } from'vue' import { ElMessage, ElRadioGroup, ElRadioButton } from'element-plus' import mdController from'../service/md.js' // 状态 import { state } from'@naturefw/nf-state' // 获取当前激活的信息 const current = state.current // 文档的加载和保存 const { loadDoc...
通过Scoped slot可以获取到 row, column, $index 和 store(table 内部的状态管理)的数据,用法参考 demo。 展开行 通过设置columns的某一列type="expand"和Scoped slot可以开启展开行功能,el-table-column的模板会被渲染成为展开行的内容,展开行可访问的属性与使用自定义列模板时的Scoped slot相同。
table: { enableChart: false, // chartRenderEngine: EChartsTableEngine, // externals: ['echarts'], }, inlineCode: { theme: 'red', }, codeBlock: { theme: 'dark', // 默认为深色主题 wrap: true, // 超出长度是否换行,false则显示滚动条 lineNumber: true, // 默认显示行号 custom...
我喜欢在线编辑的方式,这样更省心,于是我用 el-menu 实现导航和左侧的菜单,然后加上了维护功能。 使用 v-md-editor 实现 Markdown 的编辑和显示。 然后用node写了一个后端API,实现写json文件的功能,这样就完美了。 浏览状态的功能:导航、菜单、文档展示、执行代码 ...
我喜欢在线编辑的方式,这样更省心,于是我用 el-menu 实现导航和左侧的菜单,然后加上了维护功能。 使用 v-md-editor 实现 Markdown 的编辑和显示。 然后用node写了一个后端API,实现写json文件的功能,这样就完美了。 浏览状态的功能:导航、菜单、文档展示、执行代码 ...
import{ref}from'vue'import{ElMenu,ElMenuItem}from'element-plus'import{state}from'@naturefw/nf-state'constprops=defineProps({'background-color':{// 默认背景色type:String,default:'#ece5d9'},itemProps:Object})// 获取状态和导航内容const{current,naviList}=state// 激活第一个导航项constactiveInd...
我喜欢在线编辑的方式,这样更省心,于是我用 el-menu 实现导航和左侧的菜单,然后加上了维护功能。 使用 v-md-editor 实现 Markdown 的编辑和显示。 然后用node写了一个后端API,实现写json文件的功能,这样就完美了。 浏览状态的功能:导航、菜单、文档展示、执行代码 ...
我喜欢在线编辑的方式,这样更省心,于是我用 el-menu 实现导航和左侧的菜单,然后加上了维护功能。 使用 v-md-editor 实现 Markdown 的编辑和显示。 然后用node写了一个后端API,实现写json文件的功能,这样就完美了。 浏览状态的功能:导航、菜单、文档展示、执行代码 ...