Vue
关注
分享
扫一扫
winner0004
这个作者很懒，什么都没留下…
展开
-
15-5 激活active
在router下的index.js下使用 linkActiveClass: ‘active’，这样router-link链接下的router-link-exact-active的active就会被激活。就可以通过设置标签下的active的css样式来控制当前的样式。export default new Router({ linkActiveClass: 'active', ro...原创 2019-03-25 15:28:08 · 396 阅读 · 0 评论 -
15-6 一像素border实现
草料二维码https://cli.im/保证手机和电脑在同一局域网放进网址，扫描二维码可在手机查看网页样式vue如何在手机中通过本机IP地址访问webAppless设置如下：@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){ .border-1px{ &::after...原创 2019-03-25 17:56:51 · 136 阅读 · 0 评论 -
Promise用法
Promise用法：通过同步链式的写法支持一些异步的操作原创 2019-03-25 18:44:08 · 98 阅读 · 0 评论 -
webpack.base.conf.js中的alias省略写法只针对js，在常熟市和less中不起作用
原创 2019-03-26 13:37:41 · 750 阅读 · 0 评论 -
引用bg-image（），Vue组件引入less文件，图片路径问题
引用bg-image（）1.引用bg-image书写前要加下图的点号，不然会报错2.icon和&.后面的class为同一标签的classVue组件引入less文件，图片路径问题less函数存放和使用文件位置介绍错误写法这样写，在m-header文件中直接相对m-header文件位置调用logo图片会报路径错误的 .bg-image(‘logo’)正确写法注意：1....转载 2019-03-26 15:28:21 · 4439 阅读 · 0 评论 -
mock数据
在项目根目录下建一个data.json文件，文件结构如下在项目的build文件夹下的webpack.dev.conf.js加上下面红框的两端代码（先引入，再获取数据）要重新npm run dev才能在本地获取到数据本地接口分别是：http://localhost:8080/api/sellerhttp://localhost:8080/api/goodshttp://localh...原创 2019-03-23 16:26:14 · 406 阅读 · 0 评论 -
3-2 axios获取数据和数据获取错误
物理错误：404：地址不存在403：访问没有权限500以上的一些数据：服务器报错eerno业务约定的一些错误:errno:0 数据成功原创 2019-03-23 18:18:54 · 311 阅读 · 0 评论 -
Css sticky footer布局
https://www.w3cplus.com/css3/css-secrets/sticky-footers.html下面要介绍的方法稍复杂，但是兼容性好在固定定位的.detail下有两个平级盒子，.detail-wrapper是内容的包装系，最小高度是父盒子的高度100%，里面.detail-main是内容要有padding-bottom，detail-main要有-margin...原创 2019-03-26 19:43:30 · 179 阅读 · 0 评论 -
star组件
star组件（一共5分，5颗星，可以通过改变以下算法加星数）（多处有使用，抽成组件） const LENGTH = 5; const CLS_ON = 'on'; const CLS_HALF = 'half'; const CLS_OFF = 'off'; //先定义变量，方便修改 itemClasses() { let result = []; ...原创 2019-03-27 15:10:32 · 212 阅读 · 0 评论 -
16-14 小标题自适应经典flex布局实现
推荐文章Flex 布局教程：语法篇 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlFlex 布局教程：实例篇http://www.ruanyifeng.com/blog/2015/07/flex-examples.html1.横线要是自适应的2.text文章周围要是空的，避免背景有透明度，后面有横线遮不住的问题<d...原创 2019-03-27 15:39:47 · 128 阅读 · 0 评论 -
cube-tab-bar
注意不要把label写成lable <cube-tab-bar :showSlider=true //是否tab有下面那根线 v-model="selectedLabel" //双向绑定选择的tab是什么 :data="tabs" //传入的数据 ref="tabBar" ...原创 2019-04-01 11:45:54 · 1100 阅读 · 1 评论 -
vue 如何在v-for中插入组件？
https://segmentfault.com/q/1010000015863895/revisionv-if的形式<template v-if="index===3"> //这种写法可以用<template v-if="{{index === 3}}"> //这种形式有问题 不能执行https://www.jb51.net/article/148...转载 2019-04-03 16:09:36 · 1557 阅读 · 0 评论 -
vue采用flex布局，抹平浏览器兼容性的写法
最后把导航tab实现三等分下图创建vue实列要用extend创建在最后加router.start(app, ‘#app’);挂载点的方式现在build/webpack.base.conf.js下的resolve以前build/webpack.base.conf.js下的resolve，import引用路径可以通过components等开头，直接去找。alias引用别名（常用技巧）...原创 2019-03-21 18:04:26 · 517 阅读 · 0 评论 -
vue警告
警告说，这里的header不能使用创建的或者已经预定的html元素作为组件的id所以通常把组件id加上v-xxx，来区别是vue的组件。原创 2019-03-21 14:31:45 · 160 阅读 · 0 评论 -
router-view中的内容未渲染成功bug
中的内容未渲染成功，也不报错。路由中的两处语法拼写需要注意，1.路由对象是routes,不要写成routers(不要多加r！)2.里面的组件名是component，不要写成components(不要多加s！)...原创 2019-03-05 17:23:43 · 800 阅读 · 0 评论 -
使用Vue.use挂载Vue.Router
原创 2019-03-04 08:08:55 · 2701 阅读 · 0 评论 -
下载vue-router
原创 2019-03-04 07:52:43 · 4699 阅读 · 0 评论 -
Vue CLI 需要 Node.js版本
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。原创 2019-03-21 13:48:24 · 4916 阅读 · 0 评论 -
目录介绍&cube-ui安装
browserslistrc是给post.config.js使用的，解决不同浏览器样式的兼容性问题package-lock.json版本管理所用的文件通过敲击键盘声音判断输入得什么的库 https://github.com/ggerganov/kbd-audio...原创 2019-03-21 13:49:50 · 236 阅读 · 0 评论 -
vue中eslint语法错误和eslint语法规则总结
当main.js采用的是默认的eslintrc风格加分号的语法有下面的错误错误如下错误在 http://eslint.org/docs/rules/semi（eslintrc官网上可以看到）转载 2018-12-26 00:50:26 · 812 阅读 · 0 评论 -
vue学习 slot插槽，prop和路由切换
<slot></slot> props 路由切换原创 2019-03-20 18:11:27 · 265 阅读 · 0 评论