事项vue cli 01

大屏展示技术栈:vue2+echarts+dataV

1.大屏搭建使用的是dataV组件http://datav.jiaminghi.com/guide,使用dataV组件有如下注意点: a.修改配置项config中data的值,需要重新赋值config b.修改dataV某些内置样式,他有个固定的类 2.登录界面动态背景,使用的是vanta.js V ......
大屏 echarts dataV 技术 vue2

Vue 组件如何进行传值的?

1、父组件向子组件传递数据 父组件内设置要传的数据,在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上,在子组件添加参数 props 接收即可 2、子组件向父组件传递数据 子组件通过 vue 实例方法$emit 进行触发并且可以携带参数,父组件监听使用@(v-on)进行监听,然后进 ......
组件 Vue

vue实现文件上传

文件上传是web开发中一个常见的需求,Vue.js作为一款流行的前端框架,也提供了方便的方法来实现文件上传功能。在此,将详细讲解Vue.js如何实现文件上传。 首先,我们需要准备一个简单的html页面来接收上传文件。下面是示例代码: <div id="app"> <input type="file" ......
文件 vue

vue2实现动态侧边导航栏

router文件下index.js 来源http://blog.itpub.net/69978258/viewspace-2909200/ // index.ts import Vue from 'vue'; import VueRouter from 'vue-router'; import Lo ......
侧边 动态 vue2 vue

CSS学习01

文字大小:font-size; xxpx 文字粗细:font-weight; 文字倾斜:font-style:normal(默认),italic(倾斜) 字体样式:font-family 文本样式: 1.首行缩进:text_indent:2em; 首行缩进两个字符 2.水平对齐方式:text-ali ......
CSS

vue broadcast和dispatch

function broadcast(componentName, eventName, params) { this.$children.forEach((child) => { const name = child.$options.componentName; if (name compone ......
broadcast dispatch vue

课程详情接口、所有章节接口、课程列表前端、课程详情前端、视频托管、Header.vue搜索form、搜索后端接口、搜索功能前端、支付宝支付介绍

课程详情接口 # 思路一: 直接在之前写好的查询所有课程的视图类上,配置一个类即可 class CourseView(GenericViewSet, CommonListModelMixin,CommonRetrieveModelMixin) 返回的字段,跟详情,不太对应(详情中要求拿出所有章节和课 ......
前端 课程 接口 详情 功能

Vue-cli脚手架下载安装

注意:在下载安装该脚手架之前先安装配置好NodeJS以及镜像源,NodeJS详情可查询文章:NodeJS下载安装 1.cmd中输入以下指令: npm install -g @vue/cli 整个过程中会联网下载,会耗时几分钟。 确认是否安装成功: cmd中输入以下指令: vue --version ......
脚手架 Vue-cli Vue cli

day01

一、基本的Dos命令 1.开启DOS控制台的几种方式 (1)打开CMD的方式 1)开始+系统+命令提示符 2)Win键+R 输入cmd打开控制台(推荐使用) 3)在任意的文件夹下面,按住shift键+鼠标右键点击,在此处打开命令行窗口 4)资源管理器的地址栏前面加上cmd 路径 (2)以管理员方式运 ......
day 01

day01

爬虫介绍 什么是爬虫 别名:网页蜘蛛、网络机器人、spider 在互联网上通过程序爬取数据的过程 根本上:使用程序模拟http请求,得到http响应,把相应的数据解析出来,存储起来 做爬虫需要掌握的技术 web端爬虫 抓包: 抓包工具:浏览器,charles,fiddler。。。 发送http请求的 ......
day 01

vue上传文件

以下是上传的组件库,需要更改接口 <template> <div class="upload-file"> <el-upload multiple :action="uploadFileUrl" :before-upload="handleBeforeUpload" :file-list="file ......
文件 vue

vue3异步组件

父组件中,子组件的加载一般是按照先后顺序加载的,子组件加载后才会加载父组件。 一个页面的子组件很多,由于会先加载子组件,那么父组件可能会出现比较长的白屏等待时间 大型项目,可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件Vue 提供defineAsyncComponent方法: imp ......
组件 vue3 vue

封装 Vue 组件的过程?

组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块,解决了我们传统项目开发:效率低、难维护、复用性等问题 分析需求:确定业务需求,把页面中可以复用的结构,样式以及功能,单独抽离成一个文件,实现复用 具体步骤:使用 Vue.extend 方法创建一个组件,然后使用 Vue.compon ......
组件 过程 Vue

vue上传文件夹目录

在input上面添加webkitdirectory directory这两个属性就能开启选择目录模式 <input ref="fileIptRef" class="file-ipt" type="file" webkitdirectory directory multiple @change="ha ......
文件夹 文件 目录 vue

vue 子组件改变父组件的值 实现双向绑定

自定义子组件中接受外部传过来的值,然后在子组件中显示,当子组件操作完成后,需要把修改后的值返回给父组件,这就需要实现父子组件间的数据双向绑定,实现双向绑定可以通过以下2种方式实现: 1.通过this.$emit("change",val)的方式将数据传递回去,然后在父组件中监听该方法并获取返回val ......
组件 双向 vue

VUE上传文件夹的三种解决方案

本文章向大家介绍VUE上传文件夹的三种解决方案,主要内容包括上传分步:、直接上代码、使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。 ​ 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件 ......
文件夹 解决方案 文件 方案 VUE

TiKV 服务部署的注意事项

TiKV 服务部署的注意事项 背景 最近发现tikv总是会掉线 不知道是哪里触发了啥样子的bug. 所以想着使用systemd 管理一下, 至少在tikv宕机的时候能够拉起来服务. 二进制文件 pd-server 和 tikv-server 将文件放置到 /usr/bin 目录下面 还需要创建部分呢 ......
注意事项 事项 TiKV

vue-test4 -----插槽

<template> <!-- <Main class="cccc"/> <component-a/> --> <slot-demo> <template #header="slotProps"> <p>插槽标题-{{slotProps.msg}}</p> </template> <template ......
vue-test test vue

vue3中使用Pinia

Pinia 是一个用于 Vue 的状态管理库,类似 Vuex, 是 Vue 的另一种状态管理方案 三大核心:state(存储的值),getters(计算属性),actions也可支持同步(改变值的方法,支持同步和异步) npm install pinia@next or yarn add pinia ......
Pinia vue3 vue

Vue一些进阶知识-基于官网(笔记)

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。 基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount('#app')。然后系统 ......
笔记 知识 Vue

vue-test4 -------组件之间的数据传递

<template> <h3>CompA</h3> <component-b :onfun="dateFun"></component-b> <p>{{msg}}</p> </template> <script> import ComponentB from "@/components/Compon ......
组件 vue-test 之间 数据 test

nacos中group以及namespace的使用注意事项

服务注册到不同的命名空间下,服务间无法通过OpenFeign指定服务名进行负载通信!!! 命名空间使用注意事项1.同名的命名空间只能创建一个! 2.微服务间如果没有注册到一个命名空间下,无法使用OpenFeign指定服务名负载通信(服务拉取的配置文件不同命名空间不影响) 即服务间如果需要通信,则需要 ......
namespace 注意事项 事项 nacos group

mybatis01

简单说明怎么使用mybatis查询所有用户数据 1.创建springboot工程 创建好之后查看pom.xml文件看看有哪些依赖:springboot父工程2.7.5 mybatis-spring起步依赖 mysql驱动依赖 spring单元测试依赖 2.创建好数据库以及要查询的表 略 3.创建对应 ......
mybatis 01

java项目实战-mybatis-基本配置01-day22

目录0. mysql navicate链接分享1. mvn坐标引入2. mysql的核心配置文件3. 返回值类型 别名4. 将数据的配置提取配置文件4. log4j修改日志输出 0. mysql navicate链接分享 链接:https://pan.baidu.com/s/1U9yWY5ENZXh ......
基本配置 实战 mybatis 项目 java

[Vue] 大屏自适应问题

可视化大屏需要自适应各种屏幕,使用了DataV的dv-full-screen-container ,v-scale-screen , 但都达不到要求, dv-full-screen-container 随着屏幕缩放或分辨率变化,文字也相应变化了, v-scale-screen + DataV 控件时 ......
大屏 问题 Vue

vue+element拖动排序功能

vue+element拖动排序功能 安装npm install vuedraggable -S 引用import draggable from 'vuedraggable' 注册组件components: { draggable }, 通过draggable标签来使用 代码 <draggable v ......
element 功能 vue

38-Vue脚手架-过渡与动画

Vue封装的过渡与动画 在插入、更新或移除 DOM 元素时,在合适的时候给元素添加样式类名 transition 讲解 transition 是 vue 内置的一个组件,我们可以直接使用。 <transition> 元素作为单个元素 / 组件的过渡效果。<transition> 只会把过渡效果应用到 ......
脚手架 动画 Vue 38

vue2获取cookie/删除cookie/设置cookie

起因,访问不同路由跳到首页/ 需登录账号 demo <template> <div> <button @click="setCookie">设置Cookie</button> <button @click="getCookie">获取Cookie</button> <button @click="d ......
cookie vue2 vue

vue 项目使用element ui 中tree组件 check-strictly 用法

属性 check-strictly: 在显示复选框的情况下,是否严格遵循父子互相关联的做法,默c认为 false。 默认false,父子关联。 点击父节点,其下子节点全部统一跟随父节点变化,点击子节点,子节点部分勾选时,父节点处于半选状态。 设置为true,严格遵循父子不互相关联。 就是点击全选的话 ......

vue watch侦听器 顺序 回调函数是在侦听的数据修改后才调用的

回调函数将在数据变化后立即被执行,并且在DOM 更新之前 是数据修改之后而不是之前 ......
侦听器 函数 顺序 数据 watch