一、Vue.extend({})。看官网文档介绍,Vue.extend({})返回一个Vue的子类,那么这个Vue子类是啥玩意儿呢?我直观感觉它就是创建出一个组件而已啊,那么它又和Vue.component({})不就重复了吗,有啥区别呢? 用法:使用Vue构造器,创建一个“子类”,参数是一个包含组件选项的对象,其中,data选项中必须是函数描述:Vue.extend返回的是一个“扩展实
一、安装npmnodejs时,会自动安装npm,nodejs官网下载最新的安装包,选择安装目录,安装完成后,打开dos命令,输入node -v命令,会显示安装的nodejs版本,表明安装成功。在dos命令窗口输入npm -v命令,会显示安装的npm版本。安装vscode 下载地址:https://code.visualstudio.com/ 二、环境配置:1.更改配置和缓存目录
文章目录前言一、解决思路二、服务端:xc-service-manage-cms工程1.api与controller2.service二.前端1.template_list.vue页面2.发送下载请求的方法测试 本人技术有限写的不好的地方敬请原谅,如有什么问题或者更好的建议大家可以留言或者私信 前言学成在线在线项目,教程中没有提到模板管理本人实现之后。忽略了一个重要的问题就是模板文件的下载,需要
转载
2024-04-05 13:50:23
103阅读
目录设计原则一致性 Consistency反馈 Feedback效率 Efficiency可控 Controllability导航选择合适的导航侧栏导航顶部导航设计原则设计原则一致Consistency反馈Feedback效率Efficiency可控Controllability一致性 Consistency与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;在界面中一致:所
1、Element UI引言官网https://element.eleme.cn/#/zh-CN 1.1、官方定义网站快速成型工具和桌面端组件库 1.2定义element-ui就是一个机遇vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面 1.3由来饿了么团队,基于vue进行开发,并且进行了开源,element-ui提供全
转载
2024-05-05 22:04:16
388阅读
新开发的一个后台管理系统。在框架上,领导要用AdminLTE这套模板。这个其实很简单,把该引入的样式和js文件引入就可以了。这里就不多赘述了。有兴趣的可以参考:https://www.jianshu.com/p/e80b1f5001eb,或者可以参考官网:https://adminlte.io/效果图,如下: AdminLTE这个模板,还是很方便的。有兴趣的大家可以自行去琢磨
element ui 使用说明element ui 简介Icon 图标Button 按钮Link 文字链接Radio 单选框TimePicker 时间选择器DateTimePicker 日期时间选择器 element ui 简介ElementUI是基于VUE2.0的组件库,提供了丰富的PC端组件。element ui 官方中文文档Icon 图标<!DOCTYPE html>
<
转载
2024-03-15 08:19:02
64阅读
一、目录结构/dist:执行npm run build命令后此文件夹下会自动生成文件,这些文件是真正需要发布到服务器上的文件/node_modules:使用npm install module_name --save命令后,第三方包所存放的目录,引入时只需要 import xx from "module_name"/public:不需要webpack处理的文件所存在的目录,如tinymce(富文本
转载
2024-03-17 14:32:50
465阅读
声明本人也在不断的学习和积累中,文章中有不足和误导的地方还请见谅,可以给我留言指正。希望和大家共同进步,共建和谐学习环境。背景最近公司想要开发一款桌面应用,在众多的跨平台桌面框架中,我选择了electron,主要的原因是electron使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序。相对于其他桌面应用框架,electron相对于前端来说上手起来比较简单。因为之前的技术栈
转载
2024-10-30 13:58:13
22阅读
文章目录ElementUI相关内容一、ElementUI入门二、使用@vue/cli3.0快速搭建elementui三、ElementUI调用接口四、分页五、Message5.1、Message提示消息5.2、Message-box弹框($ confirm、$ msgbox等,具体应用例如删除等弹框)六、ElementUI下拉框(v-for、key、value)6.1基本用法6.2 解决报错:从
转载
2024-03-10 11:59:55
271阅读
实现使用markdown编写的个人组件库说明文档前一篇文章实现了按需加载封装个人的组件库功能,有了组件库,当然还要有配套说明文档,这样使者用起来才更方便。打包完成的dist目录是最终可放到服务器中,直接访问到文档的哟。项目github地址:https://github.com/yuanalina/installAsRequired在项目中配置打包examples上篇文章中,执行打包命令会将项目打包
转载
2024-05-20 19:17:34
2310阅读
ElementUIElementUI是一套为开发者、设计师准备的基于vue的PC端组件库。搭建ElementUI基础环境(基于脚手架)新建项目。# 配置镜像源
npm config set registry http://registry.npm.taobao.org
# 安装VueCLI
npm install -g @vue/cli# 找一个空文件夹 VUEUI/day01/demo下执行一
转载
2024-06-11 06:59:10
2366阅读
直接先说最常用的一、使用组件以el-input为例1. Attributes:attributes属性直接在组件上引用,前面的checkbox表示引用的标签,比如:<template>
<el-input type="number"></el-input>
// type为字符串的话可以直接写
<el-input :type="inputType"&
转载
2024-04-03 16:18:40
1522阅读
Element UIElement UI 介绍安装 Element UIElement UI 组件使用Basic 组件Button 按钮Link 文字链接Layout 布局Container 布局容器Form 组件Radio 单选框Checkbox 多选框Input 输入框Select 选择器Switch 开关DatePicker 日期选择器Upload 上传Form 表单Notice 组件Al
转载
2024-05-24 22:00:26
169阅读
基于Vue+ElementUI前端开发环境的搭建一、工具的安装1.安装node.js下载Node.js安装包2.安装VS Code下载VS Code安装包二、创建项目1.安装中文插件(可选)2.创建前端工程目录3.设置镜像4.安装脚手架5.创建vue项目三、组件安装1.安装Element组件2.安装Router组件目录介绍项目目录介绍实战操作添加表格添加导航栏新增路由地址安装axios组件请求后
转载
2024-07-23 09:02:29
671阅读
运行项目npm run dev引入element安装elementnpm i element-ui -Smain.js 中写入一下内容import Vue from ‘vue’import ElementUI from ‘element-ui’import ‘element-ui/lib/theme-chalk/index.css’import App from ‘./App.vue’Vue.us
实现使用markdown编写的个人组件库说明文档前一篇文章实现了按需加载封装个人的组件库功能,有了组件库,当然还要有配套说明文档,这样使者用起来才更方便。打包完成的dist目录是最终可放到服务器中,直接访问到文档的哟。项目github地址:https://github.com/yuanalina/installAsRequired在项目中配置打包examples上篇文章中,执行打包命令会将项目打包
转载
2024-07-26 01:36:18
359阅读
对Vue我也不是非常的了解,但是系统又经常有这种很奇怪的需求,这次是离线状态下为Vue项目集成Cesium框架,因为不能使用npm run install这样的指令,网上试了很多方法,加上自己的摸索,下面是我实现的过程。1,将node_modules的cesium文件夹,和babel-plugin-dy
转载
2024-07-08 22:24:38
1032阅读
ElementUI官方介绍 开发API文档 http://element-cn.eleme.io/#/zh-CN/component/quickstart
原创
2022-02-28 11:33:45
626阅读
流程1.list页面1.1详情按钮绑定事件<a @click="xiangqing(record)">详情</a>1.2 methods写入事件methods: {
xiangqing(record) {
this.$refs.xiangqingModal.edit(record);
this.$refs.xiangqingModal.ti
转载
2024-03-06 01:43:44
186阅读