摘要：
computed: { pages () { const pages = [] // 计算属性-作用：标签超出九个后，展示滑动效果 // -forEach（循环项,下标） // Math.floor向下取整 this.list.forEach((item, index) => { const page = M... 阅读全文
posted @ 2019-10-13 22:14
小白咚
阅读(3397)
评论(0)
推荐(0)
摘要：
var str = ''for (const val in objs) { str += val + ':' + objs[val] + '\n'} 标签换行要在<div>添加样式 <div style="white-space: pre-line;"> 阅读全文
posted @ 2019-10-12 13:51
小白咚
阅读(169)
评论(0)
推荐(0)
摘要：
//跳转到login登录页面 this.$router.push('/login') ‘ routes: [ { //默认定向跳转index页 path: '/', redirect:'/index' }, //跳转到login登录页面 this.$router.push('/login') ‘ r 阅读全文
posted @ 2019-10-12 10:20
小白咚
阅读(218)
评论(0)
推荐(0)
摘要：
## 查看git 版本号 git --version cnpm install --global vue-cli ## 上传项目代码 git add . git commit -m 'project init' // 将代码提交至本地仓库 后边是注释 git push //将代码提交至线上云仓库 # 阅读全文
posted @ 2019-10-10 21:48
小白咚
阅读(82)
评论(0)
推荐(0)
摘要：
getBoundingClientRect() 这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。 var box=document.getElementById('box'); // 获取元素 alert(box.getBo 阅读全文
posted @ 2019-10-10 11:25
小白咚
阅读(514)
评论(0)
推荐(0)
摘要：
// 注意： 在 this 这个组件身上，有 this.$route 和 this.$router // this.$route 是专门用来获取路由中参数的； // this.$router 是专门来实现编程式导航的； // 注意：this.$route和this.$router这两个对象 // t 阅读全文
posted @ 2019-10-10 08:57
小白咚
阅读(1734)
评论(0)
推荐(0)
摘要：
## 使用手机调试Vue项目 \1. 前提：要保证自己的手机和当前做项目的电脑，处于同一个WIFI环境中； \2. 当手机和电脑处于同一个WIFI中之后，大家需要运行终端命令ipconfig，查找 无线局域网适配器 的网络配置，复制其IPv4的地址； \3. 把复制的Ip地址，粘贴到package. 阅读全文
posted @ 2019-10-09 16:51
小白咚
阅读(693)
评论(0)
推荐(0)
摘要：
// 设置父盒子为弹性盒模型 display: flex; // 默认flex 布局的盒子，内部的子元素不会换行，可以使用下面的属性使其换行 flex-wrap: wrap; // 设置父盒子为弹性盒模型 display: flex; // 默认flex 布局的盒子，内部的子元素不会换行，可以使用下 阅读全文
posted @ 2019-10-09 16:08
小白咚
阅读(1355)
评论(0)
推荐(0)
摘要：
安装 需查看官网-- cnpm i vue-preview -s 获取后台接口 必须设置宽和高 ## 实现缩略图的效果 \1. 先加载所有的图片并显示到页面上； \2. 使用vue-preview插件来实现缩略图效果； \3. 如何使用缩略图组件呢： + 运行cnpm i vue-preview - 阅读全文
posted @ 2019-10-09 15:13
小白咚
阅读(4795)
评论(0)
推荐(0)
摘要：
//1.1导入Mint-UI中 图片懒加载组件 import { Lazyload } from 'mint-ui'; Vue.use(Lazyload); //1.1导入Mint-UI中 图片懒加载组件 import { Lazyload } from 'mint-ui'; Vue.use(Laz 阅读全文
posted @ 2019-10-09 13:41
小白咚
阅读(624)
评论(0)
推荐(0)
摘要：
**## 实现图片分享列表中顶部的滑动区域** \1. 借助于 MUI 的 tab-top-webview-main.html 控件来实现 \2. 当拿到 UI 代码片段之后，需要把 mui-fullscreen 去掉 --因为这个属性是铺满整个界面，遮盖住界面 \3. 当页面布局没有大问题之后，发 阅读全文
posted @ 2019-10-09 10:19
小白咚
阅读(823)
评论(0)
推荐(0)
摘要：
评论组件--comment.vue props: ["newsid"] // 接收父组件传递过来的新闻Id //请求数据 这里的id直接可以引用--不用在data里声明了 data() { return { page: 1, // 默认展示第一页的评论 cmtlist: [], // 评论数组 ms 阅读全文
posted @ 2019-10-08 14:12
小白咚
阅读(5826)
评论(3)
推荐(1)
摘要：
<router-link :to="'/home/newsinfo/' + item.id"> 接收 路由配置 // 创建路由对象 const router = new VueRouter({ routes: [ { path: '/home/newsinfo/:id', component: Ne 阅读全文
posted @ 2019-10-08 12:04
小白咚
阅读(394)
评论(0)
推荐(0)
摘要：
使用 <span>发表时间：{{ item.add_time | dateFormat }}</span> 也可以自定义：{{ item.add_time | dateFormat（'YYYY-MM-DD'） }} ## 定义全局的过滤器来格式化时间字符串 1. 经过分析，整个项目中，许多组件都需要 阅读全文
posted @ 2019-10-08 11:48
小白咚
阅读(2581)
评论(0)
推荐(0)
摘要：
//2.4设置post提交表单时的json格式 Vue.http.options.emulateJSON = true; //2.4设置post提交表单时的json格式 Vue.http.options.emulateJSON = true; 阅读全文
posted @ 2019-10-08 10:33
小白咚
阅读(366)
评论(0)
推荐(0)
浙公网安备 33010602011771号