<!-- * * loadingGif组件--"数据请求中" * * 使用方法: * <loading-gif :show-loading="showLoaddingGif"></loading-gif> * * 通过修改showLoaddingGif的true或者false 来控制loading的显示和隐藏! * --> <template> <div class='uil-default-css' style…

<template> <div class="loading" :style="{height:loadingRadiusVal+'px',width:loadingRadiusVal+'px'}"> <div v-for="(dotNum, index) in dotNums" :key="index" :style="dotTransform(index, dotNums)"…

scroll组件 制作scroll 组件,然后嵌套一个 DOM 节点,使得该节点就能够滚动.该组件中需要引入 BetterScroll 插件. scroll.vue: <template> <div ref="wrapper"> <slot></slot> </div> </template> <script> import BScroll from 'better-scroll'; export de…

<template> <div class="loadEffect"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span><…

本篇目录: 插槽(Slot) 插槽内容 作用域 具名插槽 作用域插槽 独占默认插槽的缩写语法 解构插槽Prop 使用场景举例 动态插槽名 具名插槽缩写 动态组件&keep-alive 异步组件 处理加载状态 小结 插槽(Slot) 定义一个名child子组件,为该子组件添加内容应该在子组件的template中定义,直接在父组件的<child>标签中定义的内容不会被渲染. 在子组件中通过加入<slot>元素占位,便能够渲染父组件中子组件标签中的内容了. 插槽内容 任何模版代码…

自定义一个全局Loading组件,并使用:总结目录:|-components |-loading |-index.js 导出组件,并且install |-loading.vue 定义Loading组件 1.components/loading/index.js import LoadingComponent from "./Loading.vue" const Loading = { install: function(Vue){ Vue.component("Loading…

最近读了下element的源码,仿照他封装了两种不同的组件. 第一种:通过组件来调用显示的 <template> <!--src/component/custom/main.vue--> <div class = "contine"> <p class = "title"> {{title}} </p> <slot class = "contine" name = "co…

我们在前面学习到是用别人的组件:Vue.use(VueRouter).Vue.use(Mint)等等.其实使用的这些都是全剧组件,这里我们就来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理而我们再用Axios做交互,则不能使用Vue.use(Axios),因为Axios没有install 自定义一个全局Loading组件,并使用:总结目录:|-components |-loading |-index.js 导出组件,并且install |-loading.vue 定义Loadin…

1.组件结构 index.js const LoadingComponent = require('./Loading.vue') const loading = { install: function(Vue) { Vue.component('loading', LoadingComponent) } } module.exports = loading; Loading.vue <template> <div class="zns-loading"> &l…

vue在2.4.2版本中给computed里的属性加了限制,详见assigning to a computed property without setter does not fail 项目将vue升级之后,配合vux官网的页面切换显示loading代码,会报错[Vue warn]: Computed property "isLoading" was assigned to but it has no setter. 在vue的issue里问了一下,是因为Loading组件绑定值的时…