需求: 1. 可输入代码,并且代码语法高亮 2. 支持编辑和不可编辑模式 3. 提交到后端到代码内容为字符串格式 实现 在gitbug上找到vue-prism-editor,可以满足以上需求。 使用 安装vue-pris…
分类:Vue
NUXT的项目的优点
NUXT的项目的优点 1.NUXT是什么? Nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染)。 首先说下 SSR,最近很热的词,意为 Server Side Rendering(服…
Vue:element-ui中表格过长内容隐藏显示
一、el-table表格 在使用VUE显示后台数据时,经常会遇到数据过长,显示出来的效果很难看,如下图所示: …
Vue 实现复制功能,不需要任何结构内容直接复制
介绍: 在做复制文档功能时,考虑到是个不太会复用的小功能,最后选择直接用 document.execCommand 方法实现。 在查阅资料时候,发现其他人都需要在页面上写上结构、ID。然后捕捉某个ID获取内容,…
elementui表格动态数据单元格重复数据自动合并
elementui官网的表格单元格合并方法是针对静态数据的,判断是写死的。 rowspan是合并的行数:为1表示不变;为0表示去除该单元格,后面的单元格会向上往这格填; colspan同理 而实际情况表格数…
iview table表格 单元格合并+变色
需求是 每个任务的版本不同,版本号也不同。根据版本去判断每个任务,都有的版本就不标红,只要有一个没有就标红。根据不同的版本去合并单元格。 一:合并单元格 table中 加入 span-method方法 <…
Vue批量删除表格中的多条记录
Vue批量删除表格中的多条记录 选择多条记录,点击删除按钮调用onDelete方法进行删除 <table-buttons> <div slot="info"> <span>已选 { {…
vue Table 表格绑定批量删除功能
1. 页面部分 <el-tooltip class="item" effect="dark" v-if="selectionList" content="将选中当前分页的所有数据,请确认后…
vue+element的表格中批量删除功能
记录一下实现“批量删除”需要注意的问题 页面效果 表格代码 data中代码如下 data() { return { tableData: [], tableChecked:[],//被选中的记录数据-----对应“批量删…
js筛选最近三天、七天、一个月、三个月、年份的数据
html部分的代码: <el-popover popper-class='popper_wrapper' placement="bottom-start" width="180" trigger="click" r…
element日期时间控件判断选择时间只能选择三天的,大于三天提示
//时间控件最大三天 timeUpdatethree(val){ let sTime=new Date(val[0]).getTime(); let eTime=new Date(val[1]).getTime(); l…
前端UI框架
在百度搜索UI框架,可以搜索到很多前端框架,整理一下: 1、Amaze UI Amaze UI v2.5.0 , 2015-11-30 发布,类似于Bootstrap gitee下载地址 2、Bootstrap框架 Bo…