sylfffffffff-CSDN博客

原创 Vue Element栅格响应式布局之隐藏组件的问题

首先，如果想做自适应页面，可以使用Element布局这个栅格系统。其次，当页面缩小时某些组件不宜再出现时，则需要将其隐藏，也可以通过这个栅格来实现。这里记录下使用时发现个关于隐藏组件的问题。 <el-col :xs="24" :sm="24" :md="0" :lg="0" :xl="0"> <div>模块1</div> ...

2020-03-25 18:27:41 8085 1

原创 Vue 通过V-if和V-else指令来判断索引值奇偶数达到对模板位置的选择及变换记录一下

首先，写个循环模板。<template> <section> <div class="one" v-for="item in items" :key="item.index"> <div class="name_css">{{item.name}}</div> <div class="img_c...

2019-09-19 23:28:49 7182

原创 Linux常用基础命令大集合记录一下

1.查找所有文件结尾为.xxx格式的例如.log或者.txt这样的# ls *.log # ls *.rpm2.pwd 显示当前所在文件夹的目录路径# pwd 3.创建文件夹下面创建了名为chinese的文件夹# mkdir chinese4.创建递归多层目录，即上层目录不存在也照样帮你创建，即便你的路径上没有hala跟han1两个文件夹，也会帮你创建出来。# mkd...

2019-09-04 11:10:40 257

原创 Linux 安装JDK1.8详细步骤记录一下

首先，去JDK官网找一下需要的版本，這里我下了个JDK1.8的，官网地址：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html这里有两种方法把下载的JDK放到系统里1.直接下载至本地，然后# yum install -y lrzsz 安装这个上传插件，把下载至本地的上传...

2019-08-17 17:04:00 1813

原创 Vue element table表格获取某一行选中值并对选中值进行操作记录一下

首先，需要码个element的表格。@selection-change=“handleSelectionChange” 和ref="multipleTable"这两个文档里有说明就不说了。<template> <div> <el-table :header-cell-style="{background:'#666',color:'whit...

2019-07-23 23:01:28 30696 10

原创 Vue vue-router嵌套路由的用法记录一下

1.首先需要明白router-link 和router-view的作用，router-link顾名思义，放路径的地方供跳转。router-view可以理解为跳转渲染的地方可能理解的比较粗浅。2.怎么用呢，这里准备了三个页面 halo1，halo2，halo3，理一下思路，halo2嵌套在halo1里面，halo3单独跳转然后对比下效果。3.halo1<template>...

2019-07-04 08:40:57 360

原创 Vue v-show控制鼠标移入移出事件的显示与隐藏记录一下

1.什么是鼠标移入移出事件我个人理解为鼠标移入或移出某个DIV块时所发生变化的事件,有点像hover事件。可能有点理解不了2.可以这么理解，假设div块的内容是123，那么当鼠标经过这个div块时，里面的123内容会变成456，当鼠标离开时里面的内容又会变成123. 理解的比较土。3.这次用V-for循环出多个数组并对每一个数组进行显示与隐藏。4.首先，还是先写一个循环数组。<...

2019-06-15 16:44:35 9259

原创 Vue V-for给循环数组输出的每一个值添加各自的样式记录一下

首先，还是一样先写个循环数组。<div v-for="arry in arrys" :key="arry.id" :value="arry.value" :label="arry.label"> <div>{{arry.name}}</div></div><script>export default {na...

2019-06-11 13:59:31 5120

原创 Vue V-for嵌套循环数组

首先写个循环数组V-FOR，很简单<div v-for="item in items" :key="item.id" :value='item.value' :label="item.label"> <div>{{item.name}}</div></div><script>items:[ {id:1,...

2019-06-10 13:53:47 8178 3

原创 Vue 实时监听滚动轴实现导航自动吸顶记录一下

简单地理解就是当滚动下拉网页时，原本处在顶部的导航会随着下拉而消失。这时候如果想让导航在下拉到某位置时固定住，不让其消失而减少来回滑动的次数。那么就需要实时监听滚动轴值的变化，以此来控制导航。再说的浅显点就是随着下拉，上面的内容看不到，但控制其自动吸顶，就会一直出现在顶部而不会随着下拉而看不到。1.首先，定义一个方法 watchScrollexport default { n...

2019-06-01 20:22:53 779

原创 Vue 实时监听窗口变化并控制组件的显示与隐藏记录一下

查阅了很多大神们的文章，大致都是只有前部分，后面的如何控制隐藏并没有。本来是用min-width来限制的反正有滚动轴，缩再小也不会乱。后来觉得自适应看起来舒服点，还是研究下自适应吧。做个笔记。1.首先，一步一步来。在data里添加一个变量 screenWidthexport default { name: "login", data() { return { ...

2019-06-01 08:29:48 5748

原创 Vue 关于路由安全卫士与判断登陆的用法详解记录一下

看标题可以分为两部分，1.首先路由安全卫士是干嘛的。路由安全卫士beforeEach，我个人理解为拦截普通用户查阅管理员能查阅的网页，讲的通俗点就是普通用户跟管理员的区别，管理员能看全部普通用户只能看局部。2.其次，用户是否登录。我个人理解为就是判断你所输入的账号是否为管理员，如果是的话那么设置了权限的网页就可以浏览，如果是普通用户那么就跳转404。3. 那么应该怎么去...

2019-05-16 21:36:26 485 3

原创 Vue 关于Bus兄弟组件之间的通信传值，记录一下

怎么理解这个Bus呢，我把它分为3个部分。个人理解为我在跟别人打电话，而手机就是这个中间通信枢纽，我就是组件A 接电话的人就是组件BBus作为中间枢纽为组件A传递数据到组件B，那么应该怎么使用呢，个人归类为三部分首先，引入一个Bus.js 组件，位置放哪都可以只要能引入就完事import Vue from 'vue'; //引入// 使用 Event Busconst bus...

2019-05-09 20:43:20 576

原创 Vue 关于Loading组件的用法心得记录一下

Vue 关于Loading组件的用法心得记录一下1.首先需要install一下VUEX，下为VUEX的写法import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex) export default new Vuex.Store({ state:{ LOADING: false }, mutations:{...

2019-05-07 15:42:25 486

sylfffffffff的博客