![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web开发
拼搏的小浣熊
上帝欲让其灭亡,必先使其疯狂!
展开
-
vue前后端分离项目各种请求封装+应用
vue前后端分离项目各种请求封装+应用目录http.jsimport axios from 'axios'import qs from 'qs'import httpApi from './httpApi.js'// const baseSrc = ""function setUrl(src) { let url = httpApi.api.baseSrc + httpApi.api[src] return encodeURI(url)}function setOutUrl(原创 2022-01-13 14:23:27 · 362 阅读 · 0 评论 -
vue(父子组件)使用element弹窗功能
vue(父子组件)使用element弹窗功能注意点注意使用父子组件传值的时候,props的值是单项的。所以说在做弹窗的时候我们需要先,父组件向子组件传值,然后子组件向父组件传值。父组件<template> <div> <div class="displayVideo"> <template> <ul v-infinite-scroll="load" class="personalDiaplayLin原创 2021-07-12 11:40:46 · 2199 阅读 · 0 评论 -
vue实现弹窗卡片表单变标签功能
vue实现弹窗卡片表单变标签功能card.vue<template> <div> <el-button type="text" @click="centerDialogVisible = true">点击打开 Dialog</el-button> <el-dialog title="添加标签" :visible.sync="centerDialogVisible" width="46%"原创 2021-07-08 17:41:45 · 1650 阅读 · 0 评论 -
vue实现人员展示页面
vue实现人员展示页面display.vue<template> <div class="display"> <div class="displayBox"> <header> <span>人员展示页面</span> </header> <div class="displayL"> <ul class="personalDi原创 2021-07-07 15:41:16 · 2501 阅读 · 0 评论 -
网页视频播放器(easyplayer和vue-video-player的使用)
网页视频播放器安装插件 npm install @easydarwin/easyplayer --save npm install copy-webpack-plugin@5.1.2 --save-dev cnpm install --save videojs-contrib-hls cnpm install vue-video-player --save video.vue<template> <!-- vue-video-player --> <原创 2021-07-06 17:51:39 · 2985 阅读 · 1 评论 -
校验电话号码自动生成标签(包含多个粘体复制生成标签)
校验电话号码自动生成标签<template> <div> <!-- <label class="labelname">{{labelname}}</label> --> <div class="inputbox"> <div class="arrbox"> <div v-for="(item, index) in labelarr" :key="index" class原创 2021-07-02 17:38:21 · 227 阅读 · 0 评论 -
vue+NodeJS项目部署打包上线到阿里云完整版(前台vue,后台node)
vue+NodeJS项目部署打包上线到阿里云完整版(前台vue,后台node)阿里云服务器配置购买云服务器,这里不做介绍。改root密码: sudo passwd root安装宝塔,执行一下命令Centos:yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.shUbuntu/Deepin:wget -O ins原创 2021-04-06 21:17:33 · 2653 阅读 · 0 评论 -
vue动态时间显示
vue动态时间显示1. 封装date.jsfunction showDate() { const date = new Date(); const year=date.getFullYear(); const month=date.getMonth()+1; const day=date.getDate(); const hour=date.getHours(); const min=date.getMinutes(); const sec=dat原创 2021-03-19 11:42:49 · 1434 阅读 · 0 评论 -
vue中鼠标右击菜单(rightmenu),以及回调处理
vue中鼠标右击菜单(rightmenu),以及回调处理安装和引用npm install rightmenu --save-devimport rightMenu from "rightmenu"Vue.use(rightMenu)使用案例<template> <div> <h3>24324</h3> <button v-rightMenu = "menudata" @contextmenu..原创 2021-03-11 08:32:24 · 1771 阅读 · 0 评论 -
vue中使用ElementUI导航栏,点击第二次报错
vue中使用ElementUI导航栏,点击第二次报错加入一下相关代码import Vue from 'vue'import Router from 'vue-router'Vue.use(Router) // 解决重复点击导航路由报错const originalPush = Router.prototype.push;Router.prototype.push = function push(location) { return originalPush.call(this, loc原创 2021-02-26 14:44:24 · 457 阅读 · 0 评论 -
父组件异步请求到的数据,要在子组件显示
当在项目中,父组件异步请求到的数据,要在子组件显示,可以参考如下步骤1(父组件):步骤2(父组件):步骤3(父组件):步骤4(子组件)原创 2021-02-23 16:20:29 · 363 阅读 · 0 评论 -
Ant Design of Vue详细学习笔记(持续更新)
Ant Design of Vue(里面有什么问题希望大家批评,有什么好的解决方案和优化,大家可以一起分享)一. 项目初始化初始化cnpm install启动:npm run serve注:这里也是可以用yarny本地启动地址:Local: http://localhost:8000/建议使用yarn拉取项目代码git clone https://github.com/sendya/ant-design-pro-vue.gitcd ant-design-pro-v原创 2021-02-05 08:47:56 · 6463 阅读 · 0 评论 -
MySQL常用操作命令
MySQL操作命令1、mysql服务的启动和停止(系统默认启动,通常不需要我们启动)net stop mysqlnet start mysql2、登录mysql语法如下: mysql -u用户名 -p用户密码键入命令mysql -uroot -p, 回车后提示你输入密码,输入12345,然后回车即可进入到mysql中了,mysql的提示符是:mysql>注意:如果是连接到另外的机器上,则需要加入一个参数-h机器IP3、增加新用户(通常我们用默认的root用户就可以了)格式:gran原创 2021-01-29 10:19:12 · 419 阅读 · 0 评论 -
Vue项目中particles的使用,来实现屏幕飘浮小星星动画(满天星)
Vue项目中particles的使用,来实现屏幕飘浮小星星下载包可采用npm/cnpmnpm/cnpm install particles.js --save这里附上git地址:https://github.com/VincentGarreau/particles.js版本: 在main.js 中引包,注册import particles from 'particles.js'Vue.use(particles)在所要使用的界面引用如下代码&l原创 2021-01-29 09:10:48 · 1380 阅读 · 0 评论