随笔分类 -  vue

vue el-form多规则rules验证
摘要:当我们在使用vue el-form的时候,经常会根据传入的值来动态验证表单信息,比如新建,编辑表单,不同的情况下,需要的验证方式不一样。根据这样的需求,我们有两种方法解决: 1.在data()中定义两个rule规则,用computed根据值动态验证。 <el-form class="dialog-b 阅读全文

posted @ 2020-04-28 07:06 atomgame的记事本

移动端页面布局
摘要:移动端页面布局 一、移动端app分类 1、Native App原生app手机应用程序 使用原生的语言开发的手机应用,Android系统用的是java,ios系统用的是object-C 2、Hybrid App 混合型app手机应用程序 混合使用原生的程序和html5页面开发的手机应用 3、Web A 阅读全文

posted @ 2020-04-13 10:18 atomgame的记事本 阅读(238) 评论(0) 推荐(0)

svg-icon的使用
摘要:1.webpack.base.conf中配置svg的依赖和loader { test: /\.svg$/, loader: 'svg-sprite-loader', include: [resolve('src/icon')], options: { symbolId: 'icon-[name]' 阅读全文

posted @ 2020-03-15 15:00 atomgame的记事本

使用vue router 的过程中抱Error in render: "TypeError: Cannot read property 'matched' of undefined"的错误
摘要:最近遇到这样一个问题,百思不得其解: 原因肯定是出在router上,但是具体哪里不清楚,于是百度一番,终于发现解决方法: 其实这是因为创建的router实例是有命名规范的 import Vue from 'vue' import App from './App.vue' import rou fro 阅读全文

posted @ 2020-03-15 14:28 atomgame的记事本

VUE 提示 Failed to resolve Loader: sass-loader
摘要:说明项目中没有 sass-loader依赖,由于sass-loader需要node-sass组件,所以我们需要安装的是两个组件: node-sass sass-loader 分别: npm i node-sass -D npm i sass-loader -D 注:这里吧这两个组件安装到开发依赖下, 阅读全文

posted @ 2020-03-15 13:28 atomgame的记事本

vue 官方换肤实现
摘要:演示地址: https://elementui.github.io/theme-chalk-preview/#/zh-CN 原理: element ui 2.0版本之后是基于scss实现的,所有到颜色都是通过变量进行定义,所以我们可以通过修改变量来达到动态换肤的目的. 代码: 1.换肤组件: The 阅读全文

posted @ 2020-03-15 11:26 atomgame的记事本

Vue 之 Mixins (混入)
摘要:Mixins Mixins是一种分发Vue组件中可复用功能的非常灵活的一种方式。 什么时候使用Mixins 1. 页面的风格不用,但是执行的方法和需要的数据类似,我们是选择每个都写呢还是提取出公共部分呢? 基础实例 我们有一对不同的组件,它们的作用是切换一个状态布尔值,一个模态框和一个提示框。这些提 阅读全文

posted @ 2020-03-15 10:38 atomgame的记事本

normalize.css在vue中使用
摘要:css样式初始化 normalize在vue中使用 1、Normalize.css只是一个很小的css文件,但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。总之,Normalize.cs 阅读全文

posted @ 2020-03-15 10:20 atomgame的记事本

vue系列教程:vue路由 vue-router
摘要:传统意义上,路由是定义一系列的访问地址规则,路由引擎根据这些规则匹配并找到对应的处理页面,然后将请求转发给页面进行处理。所有的后端开发都是这样做的,但前端路由不存在请求一说。前端路由是直接找到与地址匹配的组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种做法:一是在地址中加入#以欺骗 阅读全文

posted @ 2020-03-14 16:20 atomgame的记事本

npm install 常用的-S 、-D 、-g 有什么区别?
摘要:npm install 本身就有一个别名 npm i npm i module_name -S 即 npm install module_name --save 写入dependencies,发布到生产环境npm i module_name -D 即 npm install module_name 阅读全文

posted @ 2020-03-14 15:43 atomgame的记事本

vue系列教程:插值
摘要:vue中的插值,简单来说,就是通过更改script中定义的属性的值,来达到修改html中的值这样一个效果。例如: 我们在div中添加了一个h1标签,看到没有,{{ title }} 这块代码就叫插值。插值的语法是{{}}中加上变量名的形式。 这里的title是我们在script的data函数里边定义 阅读全文

posted @ 2020-03-14 13:50 atomgame的记事本

vue系列教程:使用vuecli脚手架搭建第一个vue程序
摘要:VUE CLI是VUE官方发布的一个快速搭建VUE工程的工具。所以在我们搭建第一个VUE项目之前,需要先来安装VUE CLI脚手架。 安装VUE CLI脚手架 VUE CLI脚手架目前已经发布到了4.2的版本了,可以通过cmd或者vscode的终端来查看电脑上已经安装的VUE CLI版本。 命令是 阅读全文

posted @ 2020-03-14 11:50 atomgame的记事本

导航