摘要: 1.flex最常用的几种方法 ,大多数用于移动web布局 (flex的更多用处以后再学习补上) 如果一行的时候,两边对齐或者 垂直居中的话可以用 display:flex布局。使用此属性,那么子元素都是display:block属性了 flex容器可以让在容器div中的元素水平对齐,垂直居中对齐,两 阅读全文
posted @ 2020-12-15 11:14 zzzzzyyyyyy 阅读(441) 评论(0) 推荐(0) 编辑
摘要: 父组件 <div> <input type="text" v-model='msg'> <child v-model='msg'></child> </div> 子组件 1 Vue.component('child', { 2 props: ['value'], 3 template: '<inpu 阅读全文
posted @ 2020-12-15 10:26 zzzzzyyyyyy 阅读(460) 评论(0) 推荐(0) 编辑
摘要: 一: 使用vue脚手架创建项目 1.安装vue脚手架,node,wepack 2.进入到你想安装的目录 输入命令: vue init webpack 3.输入 项目名称,描述,作者,是否使用es,打包方式等 见上图 4.生成文件目录后,使用vscode编辑器打开vue项目, 使用 npm 安装依赖: 阅读全文
posted @ 2020-12-12 11:05 zzzzzyyyyyy 阅读(89) 评论(0) 推荐(0) 编辑
摘要: 一:下载 nginx 1.下载网址: https://nginx.org/en/download.html 找到稳定版 Stable Version ,如下 下载 nginx-1.18.0版本 2.上传服务器:/opt/nginxweb,并解压 tar -zxvf xxxxxx 二: 进行安装 (编 阅读全文
posted @ 2020-12-10 17:58 zzzzzyyyyyy 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 1. 首先我们看一下 Element 中的加载方式,设置加载配置 openFullScreen2() { const loading = this.$loading({ lock: true, text: 'Loading', spinner: 'el-icon-loading', backgrou 阅读全文
posted @ 2020-11-16 16:29 zzzzzyyyyyy 阅读(1124) 评论(0) 推荐(0) 编辑
摘要: 一:创建 以.vue 结尾的 文件,也就是 子组件 如下,这是一个完整 的可以引用 一个 echarts 图标 的vue子组件。 我们对以下进行分析 几乎 引用 所有的 echarts 图标都可以用这个方式。 <template>// :class 绑定的是类名 :stle 绑定了它的宽度和高度, 阅读全文
posted @ 2020-10-30 15:42 zzzzzyyyyyy 阅读(1532) 评论(0) 推荐(0) 编辑
摘要: 使用本地存储localStorage来进行tab状态的记忆 1. 绑定el-tabs组件命名为activeName,改变tab触发 handleClick方法 2. 在data中定义 activeName变量, 3. 在 vue实例创建完成之后 获取本地有没有 user,如果有的话进行赋值,没有的话 阅读全文
posted @ 2020-07-31 17:56 zzzzzyyyyyy 阅读(3836) 评论(0) 推荐(0) 编辑
摘要: 最近的项目是一个小的vue项目有多个后台,也是醉了 解决方案,使用全局引用 在components 中新建一个 common.vue 文件 在main.js 中进行挂载, 这样你就可以在任意界面进行引用了。 然后在axios中进行使用 因为是一个小项目,要求不是很高,目前没有想到更好的方法 阅读全文
posted @ 2020-07-27 11:06 zzzzzyyyyyy 阅读(3629) 评论(0) 推荐(0) 编辑
摘要: 1. v-cloak 可以解决插值表达式闪烁的问题 {{ msg }} v-text 默认是没有闪烁问题的, v-text="mag" , 但是会覆盖 它中间的内容 v-html 可以把标签 输出到页面是 标签 2. v-bind : 是vue中提供的用于绑定属性的变量 v-bind:title ( 阅读全文
posted @ 2020-07-20 23:39 zzzzzyyyyyy 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 1.html 页面外部的 element-ui <!--引入 element-ui 的样式,--> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- 必须先引入vue, 阅读全文
posted @ 2020-04-24 12:43 zzzzzyyyyyy 阅读(45169) 评论(6) 推荐(4) 编辑