摘要: 单行及超出省略号 white-space: nowrap; overflow: hidden; width: 100%; width: 100%; text-overflow: ellipsis; 多行 display: -webkit-box; overflow: hidden; -webkit- 阅读全文
posted @ 2019-06-27 10:45 旧崖 阅读(1038) 评论(0) 推荐(0) 编辑
摘要: 前后端分离是一种开发模式: 前端负责将数据按照产品设计渲染以及调用后端接口实现产品功能 而后端则提供数据接口,功能接口! 前后端分离的开发模式是为了让专业的人做专业的事,且现在前端和后端可以通过接口文档实现并行开发,提高开发效率。 阅读全文
posted @ 2019-06-10 11:54 旧崖 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 1.安装 npm install vue-photo-preview --save 2.项目 main.js引用 import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'Vue.use(previe 阅读全文
posted @ 2019-05-29 18:26 旧崖 阅读(2131) 评论(0) 推荐(0) 编辑
摘要: 首次用于Element ui里的消息提醒里得到数据 然后在网上查有很多用法,暂时不太清楚,也没用到太多这种。待后续学习 供参考https://blog.csdn.net/zwt_guiji/article/details/81979299 用法为 阅读全文
posted @ 2019-05-28 15:11 旧崖 阅读(1259) 评论(0) 推荐(0) 编辑
摘要: 1.第一种方法:input属性为number,做if判断,然后slice选取 (目前使用过此方法,比较简单)用于添加地址时的手机号码框 <input type="number" oninput="if(value.length>4)value=value.slice(0,4)" /> 2.第二种方法 阅读全文
posted @ 2019-05-28 15:06 旧崖 阅读(14097) 评论(0) 推荐(0) 编辑
摘要: 1.简单的循环字段循环 2.使用循环从接口获取数组对象的一个字段集合 阅读全文
posted @ 2019-05-25 10:24 旧崖 阅读(1017) 评论(0) 推荐(0) 编辑
摘要: 解决方法: <style type="text/css"> [v-cloak] { display: none; } </style> <p id="app" v-cloak> <h1>{{message}}</h1> <h1>{{name}}</h1> </p> 在标签里放置v-cloak.然后在 阅读全文
posted @ 2019-05-18 09:28 旧崖 阅读(1047) 评论(0) 推荐(0) 编辑
摘要: 原文:https://blog.csdn.net/twodogya/article/details/80223331 1.npm install vue-lazyload --save-dev 2.import VueLazyload from 'vue-lazyload' Vue.use(VueL 阅读全文
posted @ 2019-05-17 17:08 旧崖 阅读(730) 评论(0) 推荐(0) 编辑
摘要: {{item.title}} {{item.intro}} 查看详情 阅读全文
posted @ 2019-05-16 10:00 旧崖 阅读(648) 评论(0) 推荐(0) 编辑
摘要: html: <text id='every' class="{{long}} {{isFold?'hide':'show'}}">{{listdata.content}}</text> <text id='every' class="{{long}} {{isFold?'hide':'show'}} 阅读全文
posted @ 2019-04-11 17:44 旧崖 阅读(557) 评论(0) 推荐(0) 编辑
摘要: 1.先调用封装好的方法: const server = require('../../utils/server'); const server = require('../../utils/server'); 2.调用接口 data: { listdata: {}, }, data: { listd 阅读全文
posted @ 2019-04-11 17:38 旧崖 阅读(957) 评论(0) 推荐(0) 编辑
摘要: 三元运算 就是一个布尔类型 booleam 用来比较大小 。 例: 符号? 用法: booleam?值1:值2; 结果不出 true (值1)就是false(值2) a < b ? a : b ; 引用https://blog.csdn.net/fr793686669/article/details 阅读全文
posted @ 2019-03-30 10:37 旧崖 阅读(134) 评论(0) 推荐(0) 编辑
摘要: html部分 <div class="Shadow_layer" v-if="showModal == item.id"> <span>确定删除?</span> <button class="sure" @click="handDele(item.productid)">确定</button> <b 阅读全文
posted @ 2019-03-27 18:20 旧崖 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 1.{{Item(对象).shop(对象)?item.shop.shopname:''}}因VUE框架问题数据在请求接口里,字段没有初始化{对象里面的对象在初始化里没有找到会报错} 2.目的:在调用接口时同时请求type Return{collectType: 'goods',} //数据初始化 a 阅读全文
posted @ 2019-03-26 18:24 旧崖 阅读(317) 评论(0) 推荐(0) 编辑
摘要: 1.v-for:可循环当前元素--〉使用为:v-for="item in 8" 2.v-if:判断方法:比较或判断--〉使用为v-if="badgeAll.status0>0或v-if="tabIndex==0" 3.请求数据调用接口:async success()//方法名称可自定义{ let r 阅读全文
posted @ 2019-03-25 18:02 旧崖 阅读(1402) 评论(0) 推荐(0) 编辑
摘要: 用法1:这个表示的是:当鼠标悬浮在a这个样式上的时候,a的背景颜色设置为黄色 a:hover { background-color:yellow; } 用法2: 使用a 控制其他块的样式: 使用a控制a的子元素 b: .a:hover .b { background-color:blue; } 使用 阅读全文
posted @ 2019-03-21 11:29 旧崖 阅读(7787) 评论(0) 推荐(1) 编辑
摘要: <div class="mygoods"> <img src="../../assets/image/iphonex.png" alt> <span>¥499</span> <div class="goodname">iphonex 深空</div> <div class="delete" @cli 阅读全文
posted @ 2019-03-21 11:25 旧崖 阅读(1295) 评论(0) 推荐(0) 编辑
摘要: 这个项目步骤前提是已经搭建好基础框架。具体搭建基础框架可以找官方文档或百度. 1.在src文件夹下新建一个创建页面的文件夹 2.在src中创建一个router文件夹(路由)及router.js(路由文件) 具体配置为: import Vue from 'vue' import Router from 阅读全文
posted @ 2019-03-18 10:16 旧崖 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 以下为引用 :https://blog.csdn.net/zxjiayou1314/article/details/44988017 calc()能做什么? calc()能让你给元素的做计算,你可以给一个div元素,使用百分比、em、px和rem单位值计算出其宽度或者高度,比如说“width:cal 阅读全文
posted @ 2019-03-10 21:44 旧崖 阅读(823) 评论(0) 推荐(0) 编辑
摘要: 之前一直以为CNPM要下载安装包的才能安装的,一直没有找到安装包,今天仔细看了下,居然不用。。。。。。。。。。。尴尬了 具体可以参考这位老哥的https://blog.csdn.net/wjnf012/article/details/80422313详细解答 输入命令:npm install -g 阅读全文
posted @ 2019-03-08 20:34 旧崖 阅读(532) 评论(0) 推荐(0) 编辑