截图 部分vue3 vue
使用vue-router添加动态路由时遇到的坑
在开发后台管理的时候，用户登录时需要根据权限来分配路由，这时候可以在路由守卫里通过router.addRoute()方法动态添加路由。 import router from './router' import store from './store' import storage from '@/u ......
客户端简单使用socket.io---vue3全局挂载
socket.io官网：https://socket.io/ 使用前要先安装socket.io npm i socket.io socketIO.js import io from 'socket.io-client' export default { install: (app) => { if( ......
vue中的循环遍历对象、数组和字符串
vue循环遍历对象、数组和字符串 1.循环遍历对象 1.1vue 在html里面循环遍历对象 v-for=" (val, key , i) in dimItemMap" :key="key" val-每一项 key -key值 i-第几个 <el-table-column prop="score" ......
视频直播源码，Flutter 富文本 部分文字可以触发点击
视频直播源码，Flutter 富文本 部分文字可以触发点击 Widget _buildBottomTip() { return Container( child: Text.rich( TextSpan( children: [ TextSpan( text: "这是要显示的文字", style: ......
22-Vue组件化编程
使用传统的方式编写应用 传统的方式，一般离不开前端的三大件（HTML、CSS、JS） HTML：HTML是超文本标记语言（Hyper Text Markup Language）是用来描述网页的一种语言，负责网页的架构 CSS：CSS是一种层叠样式表(级联样式表、样式表)，是⼀种标记语⾔，负责网页的样 ......
vue 加号增加一组控件，组内套组
一、vue 加号增加一组控件，组内套组 1、要实现功能，每组内有子组数据，子组也可以增长多条，实现如下图： 2、代码 <template> <el-col :span="24"> <el-form-item label="线路车辆：" prop="mobile"> <div class="deman ......
Vue学习笔记（七）：绑定css样式
1 绑定class样式¶ vue为HTML绑定css中的class样式是通过v-bind实现的。 1.1 绑定单个class¶ 把需要绑定的样式class名赋值给一遍变量，然后通过变量v-bind绑定class属性，绑定后的class并不会覆盖原来的class属性，而是与原来的class进行叠加。如 ......
Vue指令
： 差值表达式不能写在属性中 如：:src ={{imgUrl}}是错误的写法 ：根据删除对应的项 ：关于v-for中加上：key的作用 ：v-for中一定要加上：key 推荐使用id唯一标识 v-model :指令修饰符 :v-bind : 导航栏高亮案例 进度条案例： ： ：v-modle表单属 ......
smartscreen.exe 是 Windows 操作系统中的一个程序，它是 Windows Defender SmartScreen 技术的一部分。Windows Defender SmartScreen 是一种内置于 Windows 10 操作系统中的安全功能，可以帮助阻止未知或不信任的应用程序、文件和网站对您的系统产生威胁
smartscreen.exe 是 Windows 操作系统中的一个程序，它是 Windows Defender SmartScreen 技术的一部分。Windows Defender SmartScreen 是一种内置于 Windows 10 操作系统中的安全功能，可以帮助阻止未知或不信任的应用程 ......
vue项目使用lodash节流防抖函数问题与解决
背景 在lodash函数工具库中，防抖_.debounce和节流_.throttle函数在一些频繁触发的事件中比较常用。 防抖函数_.debounce(func, [wait=0], [options=]) 创建一个 debounced（防抖动）函数，该函数会从上一次被调用后，延迟 wait 毫秒后 ......
vue $refs 获取的结果有时候是数组
在工作的时候要从接口读取数据，生成一个动态的表单 首先做的就是绑定ref 然后使用const { proxy } = getCurrentInstance();来读取ref，看了半天数据怎么不对，控制台打印后，发现是一个数组 后来观察到只要是使用v-for生成的获取ref时，即使没有重复，结果也是数 ......
App.vue 的组成部分
App.vue 文件（单文件组件）的三个组成部分：结构、样式、行为 结构通过 template 标签提供，行为通过 script 标签提供，样式通过 style 标签提供 三部分组成： template ：结构（vue2 中有且只能有一个根元素） script ：js 逻辑 style ：样式（可支 ......
Vue源码学习(九):响应式前置:实现对象的依赖收集(dep和watcher)
好家伙,这是目前为止最绕的一章,也是十分抽象的一章 由于实在太过抽象,我只能用一个不那么抽象的实例去说服我自己 完整代码已开源https://github.com/Fattiger4399/analytic-vue.git 1.我们要做什么? 来看这个例子, index.html setTimeou ......
Vue工程中 main.js 的作用、npm run serve的执行流程
1.内容： import Vue from 'vue' //导入 Vue 核心包 import App from './App.vue' //导入 App.vue 根组件 Vue.config.productionTip = false //提示当前处于什么环境（生产环境 / 开发环境），fasle ......
Vue项目的使用
解析Vue项目 // 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.Vue必须是： <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由： // 先导入 import ya ......
Vue-router、localStorange
Vue-Router的使用 作用： 借助于router可以实现单页面组件之间的跳转 this.router的一些使用方法： this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面) this.$router.replace(path): 用新路由替换当前路由(不 ......
vue3子组件页面不更新
写在前面 这是一次滑铁卢，整整找了半天时间... 项目结构 我有一个组件A，A中定义了一个属性data：Object，A中将data赋值给了一个reactive类型的对象R。页面中均使用R。 现象描述 当调用A的父组件P更新了A的data后，A的页面不更新 问题分析 P更新A后，A是一个新的对象，但 ......
vue封装搜索组件，自定义elment搜索组件
组件案例 <template> <div class="dialog-search"> <el-form :inline="true" ref="ruleForm" :model="formInline" class="demo-form-inline top-screen"> <div class ......
TiDB恢复部分表的方式方法
TiDB恢复部分表的方式方法 背景 今天同事告知误删了部分表. 因为是UAT准生产的环境, 所以仅有每天晚上11点的备份处理. 同时告知 昨天的数据也可以. 得到认可后进行了 TiDB的单表备份恢复. 备份的语句 注意TiDB是可以增量备份恢复的 但是为了快速的恢复和解决背景中的问题. 我这边采用保 ......
vue框架是什么
vue 是什么 vue是一个用于构建用户界面的渐进式框架 构建用户界面： 基于数据动态渲染页面 渐进式：循序渐进的学习 框架：一套完整的项目解决方案 如图： 渐渐式就是学习可以循序渐进的，只要学习了声明式渲染，组件系统就可以完成网页中的局部改造 ......
vue3绘制和回显多边形
参考了这个：https://blog.csdn.net/weixin_42178050/article/details/130012696 将其从vue2的语法改成了vue3，效果如下： 代码如下： <template> <div class="app-container"> <div class= ......
vue前端接收数组；
后端 $this->assign('info',$expert); 如果是数组/对象，需要在接收页面这样写： 在data内变量赋值： info： <?php echo json_encode($info);?> 另外有其他写法： $this->assign('info',1); 如果是单个值： 在d ......
【vue2】实现长按图片保存功能
<span :class="[$style.wxCode, isShow && $style['show']]" @touchstart="touchStart()" @touchend="touchEnd()" ></span> ps.span元素为图片元素，我这里把图片设置为元素背景了，可以直接 ......
二进制码部分知识回顾
&：与 相同1为1，不同为0 0000 0010 1111 1111 0000 0000 |：或 相同0的为0，不同为1 0000 0010 1111 1001 1111 1011 ~：非 0变1,1变0 0000 0010 1111 1101 <<：左移 相当于乘以2 int a = 1; ==> ......
Vue的生命周期、钩子函数
Vue的生命周期：一个Vue实例从 创建 到 销毁 的整个过程 生命周期四个阶段：创建、挂载、更新、销毁 ①创建阶段：初始化工作，进行数据的响应式处理，把普通数据 变成 响应式数据（数据变，视图跟着变） ②挂载阶段：渲染模板。结合数据与模板进行渲染 ③更新阶段：用户可以通过页面上的按钮等修改数据。数 ......
vue3 引入 iconfont 图标库
1. 访问iconfont(iconfont-阿里巴巴矢量图标库) 2. 将购物车选中的图标加入到项目 3. 图标类型选symbol类型 点击下面js连接，复制文件内容 4. 在项目的 assets新建iconfont.js并将上面内容进行粘贴上 5.在 components 目录下新建 SvgIc ......
vue~全局插件和全局方法的注册
本文介绍如何在vue中定义插件，注册插件和使用插件 插件目录 /src/plugins 插件入口文件 /src/plugins/index.js import cache from './cache' import modal from './modal' // 安装默认插件,在main.js中引入 ......