随笔分类 - 前端 / Vue（Code）
1
Vue的功能实现
摘要：效果： 代码实现： （vue2.0语法） <template> <div class="wrap"> <div ref="signatureArea" class="signature" @mousedown="startDrawing" @mousemove="drawing" @mouseup=
阅读全文
摘要：vue对象深拷贝、浅拷贝 浅拷贝： 将A对象赋值给B对象，修改B对象的属性和方法会影响到A对象的属性和方法。深拷贝： 将A对象赋值给B对象，修改B对象的属性和方法不会影响到A对象的属性和方法。 原因：复杂类型的赋值是浅拷贝，直接赋值 会导致双向修改 解决的方法：将浅拷贝转换成深拷贝 解决思路：先把该
阅读全文
摘要：接口获取文件流VUE转换为blob展示图片 vue通过接口获取图片文件流 <template> <el-image :src="imgurl" alt="资源访问失败" width="80%" height="80%" style="display: block" /> </template> <s
阅读全文
摘要：一、父组件向子组件传参 （非vue3语法糖） 父组件-传递参数： <template> <div> <p class="father">父组件</p> <child :roomid="id"></child> </div> </template> <script> import child from
阅读全文
摘要：一、通过从git项目中拉取项目后初次并启动运行 1、在vscode从git获取拉取项目 2、拉取项目后启动运行 （需要先安装npm npm install） 安装报错 解决： 1、复制这个路径，打开文件夹 （找到npm的安装路径，查看是否有node.exe的启动文件。） 打开后会发现没有 2、找到n
阅读全文
摘要：Vue3 中使用以及订阅 没有安装可使用 npm install mqtt --save （暂时使用了npm install mqtt@3.0.0） 页面引入 引用mqtt库 不要直接引用mqtt 会报错 import mqtt from 'mqtt/dist/mqtt' 代码： 1.获取动态配置(
阅读全文
摘要：引入依赖 npm install --save flv.js <template> <div> <video autoplay controls width="100%" height="500" id="videoElement"></video> </div> </template> <scri
阅读全文
摘要：知识点 主要用到的标签是v-html="" 注意的点 如果是变量 v-html="变量名" 如果是方法 v-html="方法名(有无参数)"
阅读全文
摘要：业务逻辑：通过自己调用自己的方式生成树，再点击子菜单时，需要将点击子菜单的菜单名传值给父组件（使用总线 bus） 新建bus.js文件 import { ref } from 'vue' class Bus { constructor() { // 收集订阅信息,调度中心 this.eventLis
阅读全文
摘要：效果图： el-menu组件只是在点击跟元素时，根元素变色，如图: .el-menu-item.is-active { background-color: rgb(56, 96, 226) !important; color: white; } 点击有子元素的菜单时不会变色，下面可以实现： （点击有
阅读全文
摘要：后台获取数据形式 （parentID=0的是父级，parentID不为0的，如果parentID与某个对象中的id相等，则表示为该对象的子级。） 代码转换： <script> var roomMenuDataL;//后台获取的教室数据 methods: { //获取教室树 getroommenu()
阅读全文
摘要：效果图： 代码： <template> <el-row :gutter="0" v-for="(item, index) in arrLen" :key="item.name" style="height: 200px" > <el-col :span="5" v-if="index*4<= Aut
阅读全文
摘要：一、安装node.js 下载地址： https://nodejs.org/en/ ,安装Node.js后自动安装 NPM 包管理器。利用npm可以安装后续其他软件。 (相关教程可以参考最后的图片)； 二、webpack安装： webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需
阅读全文
摘要：Vue项目发布到本机IIS 和阿里云主机IIS 在发布环境下使用的配置文件是.env.production文件 在开发环境下使用的配置文件是.env.development文件 一、Vue项目发布到本机IIS 1、修改Vue项目配置文件中端口号 --参考下图一在.net Core的对应文件中查看Vu
阅读全文
摘要：Vue运用百度地图，添加位置信息(向数据库添加选中位置信息+选择位置的经纬度) --使用Vue百度地图组件 --百度地图上面的小东西都是什么：vue中引入百度地图：一个小白的vue插件探索之路 - 简书 (jianshu.com) 参考网址1 安装-注册-页面使用https://www.jiansh
阅读全文
摘要：vue 运用eChars图反映数据 vue echars 网站: https://github.com/1002778764/vue-echarts/blob/master/README.zh_CN.md echars 官网: https://echarts.apache.org/examples/
阅读全文
摘要：运用百度地图，添加位置信息 DOM操作方式 样式效果--完成实现： 一、在百度地图申请一个属于自己的秘钥 https://jingyan.baidu.com/article/363872eccda8286e4aa16f4e.html 获取百度地图秘钥 //如果找不到百度地图api 也可以直接访问 h
阅读全文
摘要：--本篇博客理论基础： 登录项目->成功登录后后端返回Token信息->后面执行对应‘增-查’功能请求时需要携带登录成功后后端反馈回的Token信息进行身份验证 如果在没有登录的情况下->转到后续‘增-查’功能页，会直接跳转到登录页，提示需先登录 实现此操作可以在登录成功后，将后端返回的token信
阅读全文
摘要：使用 Web Storage 存储键值存储信息 对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage 1、sessionStorage（临时存储） ： 为每一个数据源维持一个存储区
阅读全文
1
