摘要: 新建一个souso组件 1 <template> 2 <div :class="{'inline':inline}"> 3 <span v-if="this.label">{{this.label}}</span> 4 <input 5 type="text" 6 :value="value" 7 阅读全文
posted @ 2020-05-31 21:38 无你旅行 阅读(1365) 评论(2) 推荐(0) 编辑
摘要: 新建一个Toast组件 1 <template> 2 <transition name="fade"> 3 <div v-show="visible">{{message}}</div> 4 </transition> 5 </template> 6 7 <script> 8 export defa 阅读全文
posted @ 2020-05-30 18:07 无你旅行 阅读(2091) 评论(0) 推荐(0) 编辑
摘要: 新建一个Switch组件 1 <template> 2 <div> 3 <span class="weui-switch" :class="{'weui-switch-on' : isChecked}" :value="value" @click="toggle" style="position:r 阅读全文
posted @ 2020-05-30 17:49 无你旅行 阅读(9601) 评论(0) 推荐(0) 编辑
摘要: 新建一个Dialog组件 1 <template> 2 <div class="main"> 3 <div :class="{dialog:propsItem.rgba}" v-if="propsItem.isMask"> 4 <div class="content" v-bind:style="p 阅读全文
posted @ 2020-05-28 19:21 无你旅行 阅读(14602) 评论(0) 推荐(0) 编辑
摘要: 首先新建一个Input.vue组件 1 <template> 2 <div class="selectWrap"> 3 <div class="select-wrapper"> 4 <div class="select" @click = "triggerOption"> 5 <div class= 阅读全文
posted @ 2020-05-28 18:50 无你旅行 阅读(6455) 评论(0) 推荐(0) 编辑
摘要: 新建一个Top组件 1 ​ 2 <template> 3 <div id="goTop"> 4 <div class="goTop" v-show="goTopShow" @click="goTop"> 5 <i class="el-icon-caret-top goTopIcon"></i> 6 阅读全文
posted @ 2020-05-28 17:02 无你旅行 阅读(5560) 评论(0) 推荐(0) 编辑
摘要: 这个功能就类似于某宝在购物之后,对商品进行评价 先看一下效果 那么实现这个功能也很简单,新建一个my-rate组件,然后上代码 1 <template> 2 <div class="rate" :class="{'disabled':disabled}"> 3 <span v-if="showTex 阅读全文
posted @ 2020-05-28 12:14 无你旅行 阅读(3977) 评论(1) 推荐(2) 编辑
摘要: Vue其实有三种路由模式 1 hash: 使用URL hash 值来作路由,支持所有浏览器,包括不支持HTML5 History API的浏览器 原理:早期的前端路由的实现就是基于 location.hash 来实现的,其实现原理很简单,location.hash的值就是URL中#后面的内容 。比如 阅读全文
posted @ 2020-05-18 08:10 无你旅行 阅读(505) 评论(0) 推荐(0) 编辑
摘要: javascript中实现跨域的方式总结 第一种方式:jsonp请求;jsonp的原理是利用<script>标签的跨域特性,可以不受限制地从其他域中加载资源,类似的标签还有<img>. 第二种方式:document.domain;这种方式用在主域名相同子域名不同的跨域访问中 第三种方式:window 阅读全文
posted @ 2020-05-15 21:42 无你旅行 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 我们可以利用Promise对Ajax请求进行简单的封装处理,那么下面就是我所实现的代码 首先新建一个index.html页面 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="vi 阅读全文
posted @ 2020-05-12 19:40 无你旅行 阅读(201) 评论(0) 推荐(0) 编辑