- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue之实现打开新窗口
平常我们多数通过给a标签加一个target="_blank"来实现新窗口打开链接，但在vue框架如何实现新开窗口这个功能呢？一：通过在router-link中加target="_blank"<router-link :to="{name:'register'}"><span class="loginspan">注册账号</span></router-l...
2020-04-29 23:04:29
1867
原创 vue组件过渡动画
以前做vue项目的时候，没考虑使用组件过渡动画，导致组件切换的时候效果很是难看，一下子消失，短暂空白后一下子显示新组建…后来为了过渡效果，就自己通过js来实现，可我怎么写都是只有入场动画效果，退场时组件瞬间就没了，而下一个组件一下子就出来了，导致无法显示退场动画效果后来无意查阅了一下VUE官方API，看到还有组件过渡动画这玩意，就用了一下，觉得效果好了不少，哈哈哈哈接下来就说一下我常用的定义的...
2020-04-26 18:24:58
307
原创 vue使用video和vue-video-player并且可实现视频铺满呦
网页放置视频播放器，我一般都是用video.js和它的插件vue-video-player一：Video.js需求：对于简单的视频播放需求来说，video.js足以胜任了。它可是支持HTML5和Flash的视频播放器呦。1：安装video.jsnpm install -s video.js2:在main.js文件中引入相关文件import Video from 'video.js'...
2020-04-25 19:48:30
20878
11
原创 vue项目实现全屏，可监听是否全屏而更改图标呦
vue项目实现全屏不难，只要使用screenfull 插件即可实现，但实现全屏功能后，我们还需要更新全屏和退出全屏的图标，我在图标切换这可是苦恼了很久…问题：因为，我们退出全屏的方式很多，有通过点击退出全屏按钮，有按Esc键，还有鼠标移动到中间顶部显示的那个关闭按钮，这时，我们不仅要监听点击按钮事件，Esc事件，还要监听是否按了那个关闭按钮，前两者还好办，最后一个难倒我了。解决方法：监听屏幕...
2020-04-21 17:04:17
2602
1
原创 解决hover影响移动端样式
平时我们写网页的时候，通常会使用hover使得网页效果更好，但我们一旦切换到移动端显示时，我们会发现效果很糟糕。原本hover样式是鼠标悬浮显示，不悬浮就消失了的，但在移动端，我们点击后才显示hover样式，此后如果我们不做处理，那么hover样式就一直存在…问题图：pc鼠标悬浮时，显示样式：pc鼠标移开后，样式消失：移动端点击后，样式不消失：要解决这个问题，当然首先要判断当前设备...
2020-04-21 10:44:57
5930
4
原创 element树形控件的获取数据与清除数据
先搭建一个树形控件<el-tree :data="menus" ref="tree" show-checkbox node-key="id" :props="defaultProps" @check-change="handleCheckChange" v-show="menus" ></el-tree>一：获取数据：通过**getCheckedNo...
2020-04-16 11:25:25
4598
1
原创 element-ui中表格宽度在最小值的基础上自适应
之所以写这个呢，是因为我在这踩了坑，弄了半个小时，哭…好了，话不多说，我要实现的是既有最小宽度，又可以按百分比适应宽度，以便表格兼容移动端，更好的显示。按照element-ui的文档：width是固定宽度，min-width最小宽度，呃，大家都知道，但我为什么会采坑呢？1：width与min-width只能写一个，两者都写只会显示固定宽度2：min-width可写数值也可写百分比，写百...
2020-04-15 00:24:51
10255
1
原创 vue项目使用bootstrap
！需要注意！bootstrap组件库是基于jquery写的，所以要使用bootstrap首先要下载配置jquery。jquery的下载配置，详情可点击jquery安装链接查看一：下载bootstrap：1、可打开bootstrap官网下载文件2、也可以在终端控制台输入：npm install -s bootstrap@版本下载文件二：在main文件中引入bootstrapimport ...
2020-04-12 11:32:35
1357
原创 海创软件组--vue使用element-ui
一：下载element-ui终端控制台输入npm install element-ui --save二：在main文件中引入element-ui（注意，此方法为全局引入，项目体积会较大一点，只是我觉得方便一点点）import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.us...
2020-04-12 11:12:53
828
原创 vue使用jquery
一：终端控制台下载jquery输入npm install jquery -s，默认下载最新版本，你需要控制版本下载，可以在jquery后加@版本。二：配置打开build文件夹下的webpack.base.conf.js文件：1、首行添加：const webpack=require(‘webpack’)2、module.exports中添加： plugins: [ new w...
2020-04-12 10:36:21
636
原创 vue通过watch监听数据变化
一：通过watch来监听数据变化，并通过打印显示<template> <div class="personal-center"> <input type="text" placeholder="请输入" v-model="inputVal"/> <p>{{newVal}}</p> </div>&l...
2020-04-12 10:18:15
4724
原创 Vue项目配置路由的一些知识
一：下载vue-router插件：npm install -s vue-router二：引入vue-router注册路由在router文件夹下的index.js中引入vue-router并注册路由：import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)import Home from '.....
2020-04-12 09:52:10
603
原创 Vue项目的一点小配置之less
写这个是为了总结一下用vue大半年来的知识。一：vue项目使用less1：下载插件：npm i less less-loader -s*2：配置更改配置文件build/webpack.base.conf.js找到module的rules添加配置：{ test: /\.less$/, loader: "style-loader!css-loader!less-loader",...
2020-04-12 02:14:56
381
原创 海创软件组--利用脚手架创建Vue项目
一：新建一个文件夹来存放我们即将搭建的空vue文件，这里我创了一个叫my-vue的文件夹来存放：二：利用脚手架来创建一个空vue文件在当前文件夹打开控制台（输入cmd然后回车）在控制台输入npm install -g vue-cli下载脚手架(这里我使用npm下载的，所以需要先下载安装NodeJS)下载vue-cli后就可以创建我们的vue文件了：继续在控制台输入vue init ...
2020-04-12 01:51:43
307
原创 海创软件组--Git的最基本用法
一：下载安装git：点击链接进入 git官网下载git安装包。二：注册一个github账户：点击链接github官网去注册一个账户三：在github创建一个远程库：创建后可以看到这么一个界面：四：本地打开要上传的文件，初始化一个版本库：例如我要将git文件夹上传到远程库：1：在git文件夹中右击选择git bash here2：此时出现这么一个黑窗口：3：然后按着图中的...
2020-04-12 01:05:37
339
原创 如何修改element-ui库的输入框样式
平时我们使用element-ui库输入框的样子是这样的：但我们又希望输入框两边成弧形显得更美观些，例如这样：一开始，我是打开控制台看到是.el-input__inner控制了边框样式，所以直接在组件文件中修改样式：效果就实现了，但很多小伙伴们直接在vue文件中修改样式会发现结果却并非想象中那样，而是没任何变化，那是因为我把style 中的scoped给去掉了，不建议这么做，因为可能会污...
2020-04-08 14:58:45
7677
原创 海创软件组- vue项目中如何使用ueditor的一点心得
**在vue项目中如何使用ueditor的一点心得一：下载Ueditor编辑器文件： 从官网：http://ueditor.baidu.com/website/download.html#ueditor下载1.4.3.3 Jsp 版本的Ueditor文件。二：项目引入文件：这里我将ueditor文件命名为UE并放到static文件下：然而在main文件中引入相应的js文件，注意顺序...
2020-04-03 18:04:59
433
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人