vue中iframe加载慢,给它加loading效果

js框架:vue ui框架:element 因为iframe加载慢,所以在它加载完成前添加loading效果,loading用的是element家的加载效果 <template> <div style="height:100%;overflow: auto;" v-loading="loading" ... »

如何用vue实现一个矩形标记区域 rectangle marker

代码地址:vue-rectangle-marker 一、前言 一些cms系统经常会用到区域标记功能,所以写了个用vue实现的矩形标记区域,包含拖拽、放大缩小、重置功能。 二、实现结果 初始 标记 三、代码实现 <template> <div class="rectangle-marker"> <di ... »

Vue基础语法(四)

vue的生命周期钩子函数 所有的生命周期钩子自动绑定this到上下文实例中,因此可以访问数据对property和方法进行运算,这意味着不蹦使用箭头函数来定义一个生命周期方法。参考官方文档,生命周期图 生命周期钩子一共有十一个,这里只写八个 <template> <div></div> </templ ... »

GitHub如何删除项目库Repositories

1、在头像那里找到settings按钮 2、选择repositories 3、找到你要删除的项目 4、点击settings 5、滑到页面最下面,点击delete 7、输入项目名称,复制即可 8、删除后左侧列表更新,原来的仓库没有了,删除成功 ... »

VUE 如何分环境打包(开发/测试/生产)配置

前言 之前小玲一直处于更新,迭代项目的状态,开发环境、测试环境、生产环境都是前辈配置好的,自己几乎没有配置过,这次做几个新项目时,面临着上线,需要分环境打包配置,于是在网上遨游了一会会,摸索着按照网上的方法,试验了一把,三种环境已经能够用命令分开打包。于是便决定写下这一篇可能已经过时但还能提供些微帮 ... »

Vue富文本编辑器(图片拖拽缩放)

富文本编辑器(图片拖拽缩放) 需求: 根据业务要求,需要能够上传图片,且上传的图片能在移动端中占满屏幕宽度,故需要能等比缩放上传的图片,还需要能拖拽、缩放、改变图片大小。尝试多个第三方富文本编辑器,很难找到一个完美符合自己要求的编辑器。经过多次尝试,最终选择了wangEditor富文本编辑器。 最初 ... »

v-model数据绑定分析

v-model数据绑定分析 v-model是Vue提供的指令,其主要作用是可以实现在表单<input>、<textarea>及<select>等元素以及组件上创建双向数据绑定,其本质上就是一种语法糖,既可以直接定义在原生表单元素,也可以支持自定义组件。在组件的实现中,可以配置子组件接收的prop名称 ... »

Vue路由History模式分析

Vue路由History模式分析 Vue-router是Vue的核心组件,主要是作为Vue的路由管理器,Vue-router默认hash模式,通过引入Vue-router对象模块时配置mode属性可以启用history模式。 描述 Vue-router的hash模式使用URL的Hash来模拟一个完整 ... »

Vue路由Hash模式分析

Vue路由Hash模式分析 Vue-router是Vue的核心组件,主要是作为Vue的路由管理器,Vue-router默认hash模式,即使用URL的Hash来模拟一个完整的URL,当URL改变时页面不会重新加载。 描述 Hash符号即#原本的目的是用来指示URL中指示网页中的位置,例如https: ... »

vant实现下拉多选组件

1.最近需要做一个移动端多选的功能,发现vant上没有多选的下拉组件,于是决定写一个,样式如下 调用部分传入值 propsselect-data-opts 传入list数据, disabled 下拉是否可用 checkedList 默认选中数据 selectName 下拉菜单名称 event sel ... »

父子路由传参

情况一:router-view 子组件发生变化导致父组件发生改变 父组件中: <router-view @getMessage="showMsg"></router-view> showMsg (val) { // methods方法 val即为子组件传过来的值 console.log(val) } ... »

Vue中computed分析

Vue中computed分析 在Vue中computed是计算属性,其会根据所依赖的数据动态显示新的计算结果,虽然使用{{}}模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的,在模板中放入太多的逻辑会让模板过重且难以维护,所以对于任何复杂逻辑,都应当使用计算属性。计算属性是基于数据的响应式 ... »

Vue 分支循环

分支循环 在Vue中,分支循环也是使用标签属性指令完成的,这一点与后端模板语法不太相同。 v-for 下面是通过v-for进行循环,不光可以拿到元素本身,也可以拿到索引值。 如果数据是对象类型,则可以使用(key,value,index)进行取值。 需要注意的是,当不指定key/value而只指定一 ... »

Vue 属性渲染

属性渲染 关于标签的属性渲染统一使用v-bind属性指令,比如轮播图的src全部经过后端获得,所以我们需要对src属性做动态渲染。 基本使用 使用v-bind属性指令,动态绑定图片的地址。 <body> <main id="id-1"> <img v-bind:src="imgSrc"> </mai ... »