![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 64
我是主厨
帮助别人,也是丰富自己!
展开
-
vue2+element-ui 记录8
element-ui table 表格的列显示/隐藏、列拖动、列的宽度拖动数据保存 3(仅适用于新手) 1.前一章说了表格的列的显示/隐藏,这次说用sortablejs插件实现拖动列改变列的顺序。首先我们要先安装sortablejs插件,终端输入命令npm install sortablejs --save,回车运行,成功后,再在组件TableSet中先引入sortablejs插件, ...原创 2021-06-29 14:33:48 · 177 阅读 · 0 评论 -
vue2+element-ui 记录6
element-ui table 表格的列显示/隐藏、列拖动、列的宽度拖动数据保存 在网上找了很多关于element-ui表格的列的显示/隐藏都没有满足我的功能需求,收集了各位道友的资料后,在这里记录一下这个功能,希望能帮到和我一样的道友们! ...原创 2021-06-20 23:47:41 · 221 阅读 · 1 评论 -
vue2+element-ui 记录5
vue2+element-ui主页优化(仅适用于新手) 1.在views => layout文件夹下的index.vue中,根据element-ui框架中“NavMenu 导航菜单”组件,找到模板代码,复制到自己的侧边栏内容中,再修改一下,让我们的侧边栏变得简单,代码如下图: 2.上图中我们用到了element-ui框架的el-menu、el-submenu、el-menu-item三个标签,它们分别对应组件是Menu、Submenu、MenuItem,所以我们需要在src => utils原创 2021-06-15 01:44:11 · 193 阅读 · 1 评论 -
vue2+element-ui 记录4
vue2+element-ui主页布局原创 2021-06-14 23:35:32 · 364 阅读 · 0 评论 -
vue2+element-ui 记录3
vue2+element-ui问题记录 element-ui table 表格的列显示/隐藏、列的宽度拖动数据保存 在网上找了很多关于element-ui表格的列的显示/隐藏都没有满足我的功能需求,收集了各位道友的资料后,在这里记录一下这个功能,希望能帮到和我一样的道友们! 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客: 全新的界面设计 ,将会带来全新的写作体验; 在创作中心设置你喜爱的代码高亮样式,M原创 2021-06-11 04:15:42 · 457 阅读 · 0 评论 -
vue2+element-ui 记录2
vue2+element-ui项目配置(仅适用于新手) 项目的访问、打包文件夹配置,开发模式与发布模式配置 1.在项目my-vue根目录下(即文件夹my-vue下)添加一个js文件vue.config.js,内容如下; module.exports = { // 修改项目开发模式下的访问配置 devServer: { open: true, // npm run serve后自动打开页面 host: "localhost", // 匹配本机IP地原创 2021-06-11 03:39:16 · 126 阅读 · 0 评论 -
vue2+element-ui 记录1
vue2+element-ui问题记录 创建vue2+element-ui项目(仅适用于新手) 一、使用vs code开发工具创建vue2+element-ui示例项目: 1.在本地计算机,如D盘,创建一个文件夹demos; 2.打开vs code开发工具(可百度如何安装vs code),左上角点击‘文件’,选择‘打开文件夹’,选择你刚才在D盘创建的文件夹demos; 3.打开终端(快捷键:按Ctrl+~),输入vue create my-vue命令,点击回车,稍等一会儿(大概一分钟,等待时间根据网络与电脑原创 2021-06-11 02:37:01 · 164 阅读 · 2 评论 -
vue2+element-ui 记录7
element-ui table 表格的列显示/隐藏、列拖动、列的宽度拖动数据保存 2(仅适用于新手) 1.紧接着上一章(感觉进度有点慢,讲快一点咯):在utils下新建文件UT.js(此文件是工具文件),然后在main.js里面引入一下,这样全局都可以使用了: UT.js代码如下: // 此文件是工具类 export default{ /** * 深度拷贝对象 * @param obj 要拷贝的对象 * @returns obj-返回一个新的对象原创 2021-06-21 09:32:03 · 157 阅读 · 0 评论