在使用loading加载的过程中，elementui提供了两种样式，但是针对不同的项目，也是有着不同的需求，需要不同的或者特制的loading加载效果。解决思路如下：结合elementui本身的标签（某种意义上来说该框架的标签即为class），从浏览器最终的渲染效果出发，查看最终渲染成的元素。可以看到带el的标签最终在浏览器中以class的形式展示。如果我们没有svg图标，却又想要...

1、在本建立vue项目的文件下打开命令窗口2、输入： cnpm install sass-loader node-sass vue-style-loader --D 下载3、打开项目文件下的build文件，找到webpack-base-conf.js文件，配置以下内容即可module: {rules: [{test: /\.vue$/,...

在使用vue的时候少不了要写自己的js，但是自己的js怎样才能被定义为全局的，供众多的文件使用呢？方法如下：第一种情况：在main.js中引入，并在其中使用。1、写好自己的js文件，并放置在src文件下用一个目录api来封装。2、在main.js文件中引入这个js的路径，然后在将其设置成一个单独的变量，用的时候通过变量来调用。import { x1,x2,x3}  from  'j...

雏形部分接上一篇文章：https://blog.csdn.net/ColourfulTiger/article/details/82910505结合vue制作自定义的进度条，优势在于采用了vue特有的样式绑定，与双向绑定的方法，达到数据与进度条的进度一致。突破点：通过变量来动态改变属性对应的属性值。知识点补充：                  （1）看了一些文章采用动态的改变值的...

问题描述：接着上一篇的router-view来讲，本次主要解决的是获取地址栏的http://localhost:8081/#/HelloWorld/engine/2中的参数id的值：2，怎样通过2来使用v-for遍历数组中对应的id为2的那一栏数据，注：仅显示id为2的这一项内容。即通过参数传递过来的值决定最终要显示的数组中的那一项内容。环境：webpack v-cli1、基本配置操作（1）rou

在vue中使用对象的情况有很多，怎样实现遍历对象中一组重复的内容，并显示出来呢？左侧导航的一种做法（1）原始数据构成，在data中的return函数内部       navTo:{   "operate":[              {"name":"衣服","path":'/one'},              

前提环境：webpack （1）路由的配置在router下的index.js文件中配置路由及参数      本例以子路由为主：path:'/HelloWorld/engine/:id',name: 'engine',component:engine      此处的id为路由参数，前面的内容为路径。export default new Router({  routes: [    {      p

关于怎样处理vue中v-for循环时对循环内容中单独的一项的事件处理有如下方案：（1）获取v-for循环内容中的下标值（val为navContent中的内容，index为下标）        <p v-for="(val,index) in navContent" class="nav">          {{val}} --{

接着上一篇的内容，使用循环来完成router-link的生成，并可以实现界面的路由（1）html部分实现循环对路由的配置核心：对路径的配置，红色部分。<p v-for="(operate,path,index) in navTo.operate" class="nav" @click="change(index)"&

在开发中，我们大多要结合自己实际情况，去做符合本项目要求的样式，那么自定义css样式怎样覆盖原来已经写好的样式呢？今天主要讲的就是结合vue与elementui来写自己的自定义样式。引入自己写的css位置如下：1、局部引入：在各自vue文件中使用，互不干扰     style标签里面的 关键字scoped【限位标记】     添加这个关键字的作用：将这个style里面的样式都限制在...