摘要：
新建一个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
无你旅行
阅读(1382)
评论(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
无你旅行
阅读(2109)
评论(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
无你旅行
阅读(9703)
评论(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
无你旅行
阅读(14776)
评论(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
无你旅行
阅读(6545)
评论(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
无你旅行
阅读(5584)
评论(0)
推荐(0)
摘要：
这个功能就类似于某宝在购物之后，对商品进行评价 先看一下效果 那么实现这个功能也很简单，新建一个my-rate组件，然后上代码 1 <template> 2 <div class="rate" :class="{'disabled':disabled}"> 3 <span v-if="showTex 阅读全文
posted @ 2020-05-28 12:14
无你旅行
阅读(4277)
评论(1)
推荐(2)
摘要：
Vue其实有三种路由模式 1 hash： 使用URL hash 值来作路由，支持所有浏览器，包括不支持HTML5 History API的浏览器 原理：早期的前端路由的实现就是基于 location.hash 来实现的，其实现原理很简单，location.hash的值就是URL中#后面的内容 。比如 阅读全文
posted @ 2020-05-18 08:10
无你旅行
阅读(546)
评论(0)
推荐(0)
摘要：
javascript中实现跨域的方式总结 第一种方式：jsonp请求；jsonp的原理是利用<script>标签的跨域特性，可以不受限制地从其他域中加载资源，类似的标签还有<img>. 第二种方式：document.domain；这种方式用在主域名相同子域名不同的跨域访问中 第三种方式：window 阅读全文
posted @ 2020-05-15 21:42
无你旅行
阅读(248)
评论(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
无你旅行
阅读(213)
评论(0)
推荐(0)
浙公网安备 33010602011771号