qq_40664253的博客

效果如图：代码如下：<template> <div id="myChart" style="height:100%;width:100%;"></div></template><script> import echarts from 'echarts' export default { data() { return { } }, mounted() { this.draw() }, me

点击上面swipper的箭头，下面轮播会动

vue项目打包后本地运行正常，但在服务器上看不到背景图片，网上搜索大概原因是因为路径的问题，部署到服务器上后找不到静态资源。1.找到config下的index.js文件 将build下的assetsPublicPath的斜杠换成./ 操作如下2.修改build/utils.js，添加publicPath:’…/…/’...

vue官网编程式导航

加上下面代码可以实现：autoplay: 2000,//延迟时间autoplayDisableOnInteraction : false, //手动播放后继续自动播放但是有个问题，当我写成这种形式的时候轮播完全乱了很快？？？？？autoplay:{// delay:3000, stopOnLastSlide:false, disableOnInteraction : false,},...

$route$router

localStorage 的优势1、localStorage 拓展了 cookie 的 4K 限制。2、localStorage 会可以将第一次请求的数据直接存储到本地，这个相当于一个 5M 大小的针对于前端页面的数据库，相比于 cookie 可以节约带宽，但是这个却是只有在高版本的浏览器中才支持的。localStorage 的局限1、浏览器的大小不统一，并且在 IE8 以上的 IE 版本...

为了消除白边，在子组件的style下写了：*{ margin:0; padding:0; border:0;}但是还是没有，最后把这段代码放在App.vue下生效了

1、装路由：`cnpm install vue-router --save `运行项目：cnpm run dev项目运行完成后可看到路由版本：2、在main.js（主入口）里进行以下操作(路由的导入、使用、配置、实例化、挂载)：【本例背景组件以My.vue和Home.vue为例】//引入组件import My from ‘./Components/My.vue’im...

在上一篇文章中写了在main.js里操作路由的跳转（https://blog.youkuaiyun.com/qq_40664253/article/details/97053388）考虑到路由多了的话在main.js里不太好看，所以对路由进行模块化封装。1、新建文件，src/Router/Router.js2、将跟路由有关的全放到此文件里(路径有变化，改改)3、在router.js里要进行vue实例化...

主页跳转到我的页面（My.vue），‘我的页面’又有很多子页面，点击子页面显示对应内容。方法一：在router/index.js里：引入组件（路径因人而异）：然后进行配置（其余子组件同orders写法）：在父组件(此时二级路由的父组件为My.vue)的根标签里写出口<router-view></router-view>在父组件里，我是用li标签遍历...

vue中使用less（首先vue开发环境已安装成功）在项目目录下安装 less 和 less-loader。npm install less less-loader --save-dev安装成功后，打开 build/webpack.base.conf.js ，在 module.exports = 的对象的 module.rules 后面添加一段：module.exports = { ...

引入的阿里图标库，地址：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2，引入步骤如下：1.登录，点击进入“我的项目”，建立“项目”2.选择一些自己要用到的图标添加到“购物车”，选择完毕后，添加至项目3.再次进入“我的项目”，点击“下载至本地”4.项目引用，下载成功后将解压文件中iconfont前缀的文件...

"v-if"根据条件进行渲染，切换过程中适当对子组件进行销毁重建；"v-show"不管初始条件直接渲染元素，只是改变css的display属性；“v-if"触发重排；“v-show"触发重绘，初始渲染开销高，所以频繁切换时用"v-show”，运行条件很少改变时用"v-if”...

例如，将My.vue作为App.vue的子组件局部注册组件在App.vue里script标签下引用，注册全局注册组件在main.js里操作