vue
热水钟
这个作者很懒,什么都没留下…
展开
-
vue 表单验证常见问题
表单验证可以采用两种方式:一、整个表单定义一个验证规则:例如:标注为加粗的必须设置<Form ref="formUser" :model="formUser" :rules="ruleValidate" :label-width="96"> <FormItem label="真实姓名" prop="user_realname"> <Inpu...原创 2019-06-23 05:08:01 · 3673 阅读 · 1 评论 -
vue Router路由研究总结笔记(二、vue router )
一、动态路由应用场景: 当需要根据参数映射到同一个组件时,例如修改不同用户信息项时,定义法:const User = { template: '<div>User</div>'}const router = new VueRouter({ routes: [ // 动态路径参数 以冒号开头 { path: '/user/:id...原创 2020-03-21 06:21:23 · 380 阅读 · 0 评论 -
使用阿里巴巴的图标库拓展iview图标库
使用阿里巴巴的图标库拓展iview图标库2019年05月09日 10:15:34追逐、阅读数 271、前言现在项目中使用的图标库,如果不是基于某些特定的业务,基本上都可以在阿里巴巴图标库中找到相应的图标,这样大大减少了UI的压力,我们自己需要什么图标,自己可以去创建项目,将需要的图标归类打包到项目中,然后实现下载,直接引用即可。二、创建图标库1 进入图标库官网,注册登录(有...转载 2019-07-06 21:29:39 · 749 阅读 · 0 评论 -
30分钟彻底弄懂flex布局
30分钟彻底弄懂flex布局本文由elson发表于云+社区专栏目前在不考虑IE以及低端安卓机(4.3-)的兼容下,已经可以放心使用flex进行布局了。什么是flex布局以及它的好处,这里就不再赘述。在这篇文章里,想说说flex布局的属性语法及其细节。那么网上也有不少flex布局的教程,为什么又要再写一篇?首先,flex布局的迷之属性们,如果一知半解,机械记忆的话,那不到半个月基本忘...转载 2019-05-01 03:15:19 · 711 阅读 · 0 评论 -
vue+iview开发下的vue-pdf第三插件实现在线查看pdf附件(实践心得)
为了实现做一个通用的附件管理组件,即实现思想如下:1.用ivew的upload实现附件的批量上传与下载2.在线查看pdf:使用了vue-pdf3.在线查看图片:未开发4.在线查看word,xls,ppt:打开用xdoc来开发,先转化pdf,然后用vue-pdf插件来查看。已经现实现的效果如下:...原创 2019-04-19 02:49:49 · 3878 阅读 · 3 评论 -
vue的弹窗(多级弹窗)研究心得
在vue开发中弹窗用的次数比较多,例如添加修改页面常用,个人习惯把弹窗例如添加组件当成列表组件中的子组件进行引入,所以一定要把弹窗脚本写在子组件中,通过子组件的v-if语句进行控制,在弹窗的子组件关闭事件中写一个回调函数控制子组件是否加载达到弹窗的目的,注意弹窗的缺省按纽别用,一定要采用slot方式更灵活。二级弹窗时,不管你设置z-index等均无法控制二级弹窗在后面,一直隐藏在后面,后面发现可...原创 2019-04-19 02:38:25 · 8430 阅读 · 1 评论 -
vue Router路由研究总结笔记(一、原理篇)
路由是每个单页网站或者web app必须要有的,所以首先还是从原理下手加深理解。一、什么是SPA SPA就是单页应用,即single page application,简单理解就是,整个web应用只有一个html文件。它所需要的资源(html,css,js等)在一次请求中就加载完成,所以不需要刷新动态加载,简单理解就是页面在初始化加载后,至少永远不需要频繁的全部动态重新加载。二...原创 2019-04-19 02:16:31 · 409 阅读 · 0 评论 -
ProGuard对java jar包实现混淆加密
ProGuard对java jar包实现混淆加密2017年05月31日 14:02:11源代码社区阅读数:5649随时随地阅读更多技术实战干货,充分利用闲暇时间,请关注源代码社区公众号和技术交流群。转自:http://blog.csdn.net/xinke0802/article/details/45438749 Java代码编译后生成的.class 中包含有源...转载 2019-04-19 01:15:22 · 591 阅读 · 1 评论 -
Spring Boot项目中使用 TrueLicense 生成和验证License(服务器许可)
Spring Boot项目中使用 TrueLicense 生成和验证License(服务器许可)稀土掘金2018-07-11本文共30432个字,预计阅读需要77分钟。生成海报 微信扫一扫,分享到朋友圈6 0License,即版权许可证,一般用于收费软件给付费用户提供的访问许可证明。根据应用部署位置的不同,一般可以分为以下两种情况讨论:应用部署在...转载 2019-04-19 00:56:47 · 17034 阅读 · 20 评论 -
vuex理论与工程实践后的心得总结
vuex理论与工程实践后的心得总结一、前言 对任何一门技术的研究,都要知其原理,同时洞察原理背后解决我们什么样的场景痛点,所以研究任何技术的套路都是:这个是什么?能做什么?如何做?(好3W原则:who,what,how),这样才能真正精通。二、vuex使用后的体会:为什么需要vuex:vuex是为了解决各个组件(兄弟,还是父子)之间数据的通讯(或者叫state的共享)而出现的...原创 2019-04-03 10:17:05 · 283 阅读 · 0 评论 -
Vue学习(四)组件之间传参数
一、父组件传参给子组件二、子组件传参给父组件原创 2018-07-05 16:15:05 · 4776 阅读 · 0 评论 -
Vue学习(三)组件开发
一、步骤一:组件的构建 方法一:extend构建使用Vue构造器,创建一个“子类”,参数是一个包含组件选项的对象,其中,data选项中必须是函数 var author = Vue.extend({ template: "<p><a :href='url'>{{author}}</a></p>", data : func...原创 2018-07-05 15:44:09 · 348 阅读 · 0 评论 -
Vue学习(二)指令详解
(一)单数据流指令:常用控制DIV或者按纽等的显示/隐藏,或者样式Class的属性,把js对象的属性值显示到视图(DOM)中,即只要改变了JS对象的属性值,自动会渲染到DOM。v-bind(可以缩写冒号:)举例:取得href的值<!-- 完整语法 --><a v-bind:href="url"></a>控制按纽有效/失效<!-- 完整语法 -->&l...原创 2018-07-04 17:43:09 · 316 阅读 · 0 评论 -
Vue学习(二)如何写Vue(入门例子)
比如:我们有一个需求,一个网页上一个Div标签,我们有一个json对象存储数据,把json对象上的数据放到Div上去。 接下来是步骤:第一步: 创建一个文件夹并创建一个html文件 比如:index.html.当如你可以选择你自己的编辑器,我就用VSCode。第二步:引入Vue库<script src="https://unpkg.com/vue/dist/vue.js">...原创 2018-07-04 13:23:01 · 1510 阅读 · 0 评论 -
Vue学习(一)原理
一、Vue是什么?为什么要用Vue? 定义:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。这个渐进式主要区别于传统的大型框架来说的,它本身没有象其它框架一样比如Angular或者React一样强主张的框架用法,而是你可以全家桶开发模式,或者部分功能使用模式,逐渐使用它的完整前端框架,它更多是当视图模板解析器使用。 为什么要用? ...原创 2018-07-04 12:31:53 · 545 阅读 · 0 评论 -
Vue学习(一)--表单元素的用法
表单元素的输入绑定一、概念:你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。二、表单元素绑定方法示例: (1)输入文本框:<input v-model="name" pla...原创 2019-02-23 12:08:32 · 341 阅读 · 0 评论