VUE的element-ui的使用

我们在自己的网站当中有的时候会用到element-ui的组建

1.如何安装element-ui的组件

在命令行工具当中输入cnpm i element-ui -S, 等待安装

2.如何在vue当中使用element-ui的组件

1.在main.js中引入element相关的js和css
   import Vue from 'vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'import App from './App.vue'Vue.use(ElementUI)

在这里插入图片描述
2.在.vue文件中加入element-ui的按钮之类的即可。

<template><div id="app"><img src="./assets/logo.png"><router-view/><el-button type="primary">主要按钮</el-button></div>
</template><script>
export default {name: 'app'
}
</script><style scoped>@import '../static/css/index.css';
</style>

3.cnpm run dev运行即可看到相应的效果
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/249352.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

NodeJS+Express+Mysql+MongoDB之环境配置

node作为一款可以兼容前后端的js语言,在做持久层操作上和Java比较类似,下面就简单介绍一下项目中的数据库配置操作. 首选使用express框架自动创建一个测试项目,并在目录下建立一个专门存放数据库配置的配置文件,比如:db.js 代码如下 /* * 数据库配置文件 * Author: zth * D…

Python 私有变量的访问和赋值

首先我们这里先描述下&#xff1a;  Python中&#xff0c;变量名类似__x__的&#xff0c;以双下划线开头&#xff0c;并且以双下划线结尾的&#xff0c;是特殊变量&#xff0c;特殊变量是可以直接访问的&#xff08;比如 __doc__, __init__等&#xff09;&#xff0c;不是pri…

SpringBoot入门教程(一)详解intellij idea搭建SpringBoot

最近公司有一个内部比赛(黑客马拉松)&#xff0c;报名参加了这么一个赛事&#xff0c;在准备参赛作品的同时&#xff0c;由于参赛服务器需要自己搭建且比赛产生的代码不能外泄的&#xff0c;所以借着这个机会&#xff0c;本地先写了个测试的demo&#xff0c;来把tomcat部署相关…

文艺平衡树 Splay 学习笔记(1)

&#xff08;这里是Splay基础操作&#xff0c;reserve什么的会在下一篇里面讲&#xff09; 好久之前就说要学Splay了&#xff0c;结果苟到现在才学习。 可能是最近良心发现自己实在太弱了&#xff0c;听数学又听不懂只好多学点不要脑子的数据结构。 感觉Splay比Treap良心多了—…

JS使用XMLHttpRequest对象POST收发JSON格式数据

JavaScirpt中的XMLHttpRequest对象提供了对 HTTP 协议的完全访问&#xff0c;使用该对象可以在不刷新页面的情况与服务器交互数据。XMLHttpRequest是实现AJAX技术的关键对象&#xff0c;本站曾整理过一篇介绍该对象的文章&#xff1a; JS使用XMLHttpRequest对象与服务器进行数据…

ShopXO本地化部署安装之centeros 安装Apache2.4.6 + PHP7.0.33 + Mysql5.7.25环境

对于centerOS安装PHP环境&#xff0c;目前网上的帖子都已经比较成熟&#xff0c;具体步骤大家可以自行搜索查看&#xff0c;但是在安装过程中遇到的一些小细节&#xff0c;这些内容往往需要结合多个帖子才能找到答案&#xff0c;在这里简单记录一下。 细节一 如果使用的阿里云…

Spring Boot 扩展点应用之工厂加载机制

Spring 工厂加载机制&#xff0c;即 Spring Factories Loader&#xff0c;核心逻辑是使用 SpringFactoriesLoader 加载由用户实现的类&#xff0c;并配置在约定好的META-INF/spring.factories 路径下&#xff0c;该机制可以为框架上下文动态的增加扩展。 该机制类似于 Java SPI…

Vue.js使用-http请求

Vue.js使用-ajax使用 1.为什么要使用ajax 前面的例子&#xff0c;使用的是本地模拟数据&#xff0c;通过ajax请求服务器数据。 2.使用jquery的ajax库示例 new Vue({el: #app,data: {searchQuery: ,columns: [{name: name, iskey: true}, {name: age},{name: sex, dataSource:…

跨域(Cross-Domain) AJAX for IE8 and IE9

1、有过这样一段代码&#xff0c;是ajax $.ajax({url: "http://127.0.0.1:9001",type: "POST",data: JSON.stringify({"reqMsg":"12345"}),dataType: json,timeout: 1000 * 30,success: function (response) {if(response.n6){dosomet…

移动WEB的页面布局

随着移动互联网的日益普遍&#xff0c;现在移动版本的web应用也应用而生&#xff0c;那么在做移动web页面布局的过程中&#xff0c;应该注意哪些要点呢&#xff1f;现把个人的一些学习经验总结如下&#xff1a; 要点一、piexl 1px 2dp dp dpr dpi ppi 要点二、viewport io…

AnswerOpenCV(1001-1007)一周佳作欣赏

外国不过十一&#xff0c;所以利用十一假期&#xff0c;看看他们都在干什么。一、小白问题http://answers.opencv.org/question/199987/contour-single-blob-with-multiple-object/ Contour Single blob with multiple objectHi to everyone. Im developing an object shape id…

Mysql 开启远程连接

在日常的数据库的使用过程&#xff0c;往往会因为连接权限的问题搞得我们焦头烂额&#xff0c;今天我把我们在数据库连接上的几个误区简单做个记录。内容如下&#xff1a; 误区一&#xff1a;MYSQL密码和数据库密码的区别 mysql密码是我们在安装mysql服务是设置的密码&#xf…

基于jsp+servlet完成的用户注册

思考 &#xff1a; 需要创建实体类吗? 需要创建表吗 |----User 存在、不需要创建了&#xff01;表同理、也不需要了 1.设计dao接口 package cn.javabs.usermanager.dao;import cn.javabs.usermanager.entity.User;/*** 用户的dao接口的设计* author Mryang**/ public interfa…

vue resource then

https://www.cnblogs.com/chenhuichao/p/8308993.html

云开发创建云函数

安装wx-server-sdk时候&#xff0c;终端报错如下&#xff1a; 解决方法&#xff1a; 运行&#xff1a;npm cache clean --force即可 转载于:https://www.cnblogs.com/moguzi12345/p/9758842.html

Java8新特性——函数式接口

目录 一、介绍 二、示例 &#xff08;一&#xff09;Consumer 源码解析 测试示例 &#xff08;二&#xff09;Comparator &#xff08;三&#xff09;Predicate 三、应用 四、总结 一、介绍 FunctionalInterface是一种信息注解类型&#xff0c;用于指明接口类型声明…

CSS3笔记之基础篇(一)边框

效果一、圆角效果 border-radius 实心上半圆&#xff1a; 方法&#xff1a;把高度(height)设为宽度&#xff08;width&#xff09;的一半&#xff0c;并且只设置左上角和右上角的半径与元素的高度一致&#xff08;大于也是可以的&#xff09;。 div {height:50px;/*是width…

JavaSE之Java基础(1)

1、为什么重写equals还要重写hashcode 首先equals与hashcode间的关系是这样的&#xff1a; 1、如果两个对象相同&#xff08;即用equals比较返回true&#xff09;&#xff0c;那么它们的hashCode值一定要相同&#xff1b; 2、如果两个对象的hashCode相同&#xff0c;它们并不一…

bootstarp table

https://www.cnblogs.com/laowangc/p/8875526.html

高级组件——弹出式菜单JPopupMenu

弹出式菜单JPopupMenu&#xff0c;需要用到鼠标事件。MouseListener必须要实现所有接口&#xff0c;MouseAdapter是类&#xff0c;只写你关心的方法&#xff0c;即MouseAdapter实现了MouseListener中的方法 import javax.swing.*; import java.awt.*; import java.awt.event.Mo…