问题toref vue3 vue
Vue 实验
项目初始化 # 前提：包管理器安装 vue-cli vue create 项目名称 Vue 2 实验目的 了解 Vue 2 的组件实现机制 数据绑定机制 双向绑定：input 单向绑定 父组件 → 子组件：父组件传入的参数 组件 → 用户：页面内部参数 属性监听机制：被监听的参数 实验内容 实现一个 ......
vue自定义指令
app.vue <template> <div class=""> <!-- 自定义指令全局 <input v-focus type="text" name="" id=""><br> 自定义指令局部 <input v-focus2 type="text" name="" id=""><br> -- ......
Linux设备树dtb文件生成问题(make dtbs)
在make dtbs的时候遇到了无信息提示的问题，正确结果应该是如图所示 且移植dtb文件时需要到dts文件夹下进行cp覆盖 ......
解决 Fedora Live-CD 启动时出现 Invalid image 的问题
. . . . . 安装 Fedora 39 的时候， Live-CD 启动报如下错误： Invalid image Failed to read header: Unsupported Failed to load image: Unsupported start_image() returned ......
Vue自定义指令
自定义指令 根据自定义的指令，可以封装一些dom操作，扩展额外的功能 全局注册-语法 全局注册是在min.js文件中去定义的 Vue.directive('指令名',{ // inserted: 钩子是一个自定义指令的生命周期钩子函数之一。它会在被绑定的元素插入到父节点时调用。 "inserted" ......
org.springframework.context.ApplicationContextException: Failed to start bean 'documentationPluginsBootstrapper'; nested exception is java.lang.NullPointerException报错问题
这个原因是 高版本SpringBoot整合swagger 造成的 我的项目是2.7.8 swagger版本是3.0.0 就会出现上面的报错 解决方式： 1.配置WebMvcConfigurer.java import org.springframework.context.annotation.Co ......
解决Vue前端跨域问题
1、在项目目录下面建立config 配置包 2、在配置包下建立CorsConfig类 3、该类里面的代码参考下面 package com.example.projectyuan.config; import org.springframework.web.filter.CorsFilter; imp ......
前端Vue框架请求后台之request封装axios
1、第一步，安装axios ，在 vue项目 里面 输入 npm i axios -S 2、第二步，在vue项目中创建util 工具包，在里面创建request.js文件 3、request.js文件里面的代码参考下面 import axios from 'axios'; const request ......
异或问题合集
评价：我有异或症。 收集了一些跟异或相关的 trick，主要是以题目的形式放出来，做到了新的会再加。 由于本人不太会线性基，正在考虑要不要改成 01-Trie 学习笔记，相关题目暂时应该是没有，主要考虑异或本身的性质。 P4551 最长异或路径 题目链接 设 \(dis_u\) 表示根到 \(u\) ......
maven打包fat-jar注意的问题
前言：maven打包fat-jar注意的问题，在使用maven工程的时候，打包jar的时候大多数都会需要把相关的jar依赖都一起打包到一起，这边记录下关于解压依赖和不解压依赖打包的两种方式以及嵌套jar包该如何解决的问题 maven配置 在使用maven打包jar包的时候，这边相关的配置都是在pom ......
Vue_组件嵌套时的生命周期函数调用顺序
以以下代码为例： <div id="app"> <tabs></tabs> </div> tabs为vue实例下的组件 加载渲染过程中 app(beforeCreate)-->app(created)-->app(beforeMount)--> tabs(beforeCreate)-->tabs(c ......
Vue中的异步更新和 $nextTick
场景引入 需求：当用户点击编辑按钮后，显示一个弹窗，该弹窗有一个文本框，使得文本框自动聚焦 看似代码如下： this.isShowEdit = true; // 显示输入框 this.$refs.inp.focus(); // 获取焦点 代码看似没有问题，显示文本框后，让文本框聚焦，但是在vue中却 ......
vue2.0，把vform666、workFlow开源组件集成到vue-admin-template框架上心得体会
以上三个都是vue2版本的开源项目，有的已经有vue3版本了，我把他们集成到一起，是出于练习的目的，也是消磨时间。 vue-admin-template是一个很基础简洁的后台管理系统框架；vform666是可以用作表单低代码开发的组件项目；workFlow是模仿钉钉的工作流的组件项目，这三个项目在g ......
Vue中的ref和$refs
ref 和 $refs 作用：利用ref 和 $refs 可以用于获取dom元素，或组件实例 特点：查找范围 -> 当前组件内（更精确稳定） 注意:在操作ref获取dom元素时，最快也得是mounted时期获取，也就是页面渲染之后 使用步骤： 目标标签-添加ref属性 <div ref="chart ......
J 开关问题
J 开关问题 Description: 有一排 \(n\) 个开关，初始时，均处于关闭状态，现在按 \(i=1,2,...,n\) 的顺序执行共 \(n\) 次操作：第 \(i\) 次操作时，翻转第 \(i\) 个、第 \(2i\) 个、...、第 \(⌊n/i⌋×i\) 个开关，即，把打开的关闭， ......
Vue2中的父子通信
父子通信流程图： 父组件通过props将数据传递给子组件 子组件利用$emit通知父组件修改更新 父组件传递子组件 注意点 但是需要注意的是，通过props传递的数据是只读状态的，也就是说，我们不能去修改这个值。 注意：props是只读的，如果直接对props中的数据进行修改，Vue就会发出警告。如 ......
SpringSecurity successHandler方法使用自定义Handler登录成功,302问题
一开始我自定义了成功和失败两个Handler，在进行调试的时候发现失败的没有问题，但是登录成功的话走的是某人的重定向而不是我自定义的 protected void configure(HttpSecurity http) throws Exception { http.csrf().disable( ......
记录--啊？Vue是有三种路由模式的？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 众所周知，vue路由模式常见的有 history 和 hash 模式，但其实还有一种方式-abstract模式（了解一哈~） 别急，本文我们将重点逐步了解： 路由 + 几种路由模式 + 使用场景 + 思考 + freestyle 路由概念 ......
11 11 vue3代码优化
使用axios发送异步请求是这种格式，现在异步请求都封装到api中。说法如下： 接口调用的js代码一般都会封装到js文件中，并一函数的形式暴露给外部，例如： 这张图片包括了没有参数和有参数的两种情况 然后在组件中的script中调用函数就行，但这样不行，好像跟什么同步异步有关，反正这样是无法运行的， ......
vue2 vue.min.js和vue-cli-service build --target lib 构建的.min.js的压缩原理 源码分析
1 vue-cli-service --target lib https://github.com/vuejs/vue-cli/blob/f0f254e4bc81ed322eeb9f7de346e987e845068e/packages/%40vue/cli-service/lib/commands ......
信任问题
·安全问题的本质是信任的问题 ·一切安全方案的基础，都是建立在信任关系上的。我们必须相信一些东西，必须有一些最基本的假设，安全方案才会得以成立 如果我们否定一切，且对一切都不信任，安全方案就会成为无源之水，无根之木，无法设计，也无法完成。 ·在现实生活中我们一般很少设想最极端的前提条件。因为极端的条 ......
vue里面数据
<template> <div> <BaseCountItem></BaseCountItem> <br> <BaseCountItem></BaseCountItem> <br> <BaseCountItem></BaseCountItem> </div> </template> <script> ......
vue完成记事本小功能（没有css样式）
app.vue <template> <div class=""> <SchuRuKuang @Add="handleAdd"></SchuRuKuang> <LieBiaoZhanShi :list="list" @delOne="handledelOne"></LieBiaoZhanShi> < ......
聊聊我遇到过的一些网络问题
我遇到过的一些网络问题 为什么我的 TCP 挥手只有 3 次 因为 fin 和 ack 一起返回了，所以 tcpdump 抓包显示三次 ESTABLISHED 的连接只在一端有，另一端却没有 应用端可以把 tcp 连接一端的 keepalive 关闭，就是 tcp 的探活机制，连接的这一端可能就会一 ......
解决Few-shot问题的两大方法：元学习与微调
基于元学习（Meta-Learning）的方法： Few-shot问题或称为Few-shot学习是希望能通过少量的标注数据实现对图像的分类，是元学习(Meta-Learning)的一种。 Few-shot学习，不是为了学习、识别训练集上的数据，泛化到测试集，而是为了让模型学会学习。也就是模型训练后， ......
转 问题解决：记录一次Linux服务器根目录突然爆满
一般跟目录满了，可以重点关注/var 这个目录 一、出问题了过了个双休来到公司，同时发现Linux终端的服务器状态中根目录空间直接爆满100%，周五走之前根目录仅仅使用了59%，同时项目服务的后台不停的有日志打印，而且测试的小伙伴说系统登录不上去了。下面记录一下个人排查并解决这个问题的全过程。这个服 ......
vue/eslint_vue/no-side-effects-in-computed-properties报错
出现这个错误的缘由是因为我在vue3中的computed中, 把computed的回调函数当做数据监听器处理程序, 在里面修改了ref定义的变量数据的值. const curArticle = computed(() => { if (curArticleList.value.length 0) { ......
解决vim在终端ctrl+i无法跳转问题
总所周知，终端里使用vim只能Ctrl+o跳转到上一个位置，不能Ctrl+i跳转到下一个位置。因为xterm中tab和ctr+i都是一样，传递的键值是9，所以在vim中无法将tab和ctr_i分离使用。 这篇文章来解决这个问题。ctrl+g用于显示正在编辑的文件名，文件大小和位置信息，今天就牺牲ct ......