摘要:
找到config文件夹下的index.js文件 找到代码 : build: { 再找代码 : assetsPublicPath: '/', 最后 : 把 / 改成 ./ 这样在npm run build 后就能正常的引入工作css和js了 但是有些作为背景图的图片没有显示出来(此问题由以后再解决) 阅读全文
摘要:
情况概述:组件里加了一个<router-link>路由 这时父组件要向路由子组件传参 父组件代码: <router-link :to="{name:'child',params:{url:1234}}" style="text-align:left;color:#007AFF;padding-lef 阅读全文
摘要:
只需要在新的路由组件里写上 <iframe :src="yoriginal" frameborder="0" scrolling="auto"style="width:100%;height:100%;position:absolute;top: 49px;left: 0px;"></iframe> 阅读全文
摘要:
1 搭建一个vue-cli项目 2 安装 mockjs 和 mock npm install mock -S npm install mockjs -S 3 在项目的src文件夹下创建一个名为 mock.js 的文件里面填写如下代码: //引入mockjsconst Mock = require(' 阅读全文
摘要:
<template> <div> <ul> <li v-for="(item,$index) in items" @click="selectStyle (item, $index) " :class="{'active':item.active,'unactive':!item.active}" 阅读全文
摘要:
用到的是vue style绑定 其中 v-bind=: 以下是代码 <template> <div class="hello"> <div :style="height"></div> </div> </template> <script> export default { name: 'hello 阅读全文
摘要:
奇数行::class="{'active':index%2 != 1}" 偶数行::class="{'active':index%2 != 0}" active是需要添加的class 阅读全文
摘要:
实现后的效果如下: 不带边框的 带边框的 在此提供两种实现方式: 1、不带边框的 css: *{margin:0;padding:0;} body{ background:#666; font:14px/20px "Microsoft YaHei"; text-align: left; } .ent 阅读全文
摘要:
css3 响应式神器 calc() 背景: 大家经常为遇到类似卡片的设计稿,如果卡片与卡片之间没有距离,如 那写 width: 33.33%是没有什么问题的 那如果是以下这种情况呢 图片与图片之间的距离是 20px,那响应式处理起来难免麻烦。虽然可以通过 js 计算宽度解决,或者修改布局使用 box 阅读全文
摘要:
就是不能引入外部的css文件 现在还不知道怎么办 阅读全文