截图 部分vue3 vue
前端vue uni-app列表组件 list组件,简单好用
快速实现uni-app列表组件 list组件,简单好用; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12675 效果图如下： #### 使用方法 ```使用方法 <!-- proList: 条目数组数据 goProDetai ......
前端vue uni-app百度地图定位组件，显示地图定位，标记点，并显示详细地址
快速实现前端百度地图定位组件，显示地图定位，标记点，并显示详细地址; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12677 效果图如下： 代码如下： # 百度地图定位组件，显示地图定位，标记点，并显示详细地址 #### 使用 ......
vue3.x代码片段
# pinia状态管理使用示例 【main.js】 ```js import './assets/main.css' import {createApp} from 'vue' import {createPinia} from 'pinia' import App from './App.vue' ......
Vue——vuex使用、Router使用、localstorage、sessionstorage和cookie
## vuex使用 ```python # vuex :状态管理器 》存数据(变量)的地方，所有组件都可以操作 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信 ``` ```js 1 ......
Vue高级
[toc] # 一 vuex使用 ## 1.1 概念 * vuex :状态管理器 > 存数据(变量)的地方，所有组件都可以操作 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信 * 多个 ......
Vue第三方框架之ElementUi
[toc] # 一 Elementui引入 Elementui官网：https://element.eleme.cn/#/zh-CN/ * 是一个ui 库，控制样式的，它就是vue的一个插件 在vue项目中引入 elementui 1. 在项目中安装： ```python # 安装最新版本 cnpm ......
基于XC7Z100+OV5640(DSP接口)YOLO人脸识别前向推理过程（部分2）
# 认识神经网络 ## 1. 认识神经网络中的神经元 - 神经网络是模仿生物神经网络的结构和功能的数学模型或计算模型，由大量的节点或称神经元相互连接构成。 - 神经元是神经网络的基本成分，它接收来自其他神经元的输入信号，通过权重、偏置和激活函数来产生输出信号。 - **权重**（weight）是表示 ......
上下翻页按钮，上一页 下一页 vue2，分页
已经有每一页对应的数据，一共五页，点击到最后一页再点下一页按钮时回到第一页 <div class="button-list"> <button @click.prevent="handleLeft"> <i class="el-icon-arrow-left"></i> {{ifchinese ? ......
拥抱jsx，开启vue3用法的另一种选择🔥🔥
📝背景 公司高级表单组件ProForm高阶组件都建立在jsx的运用配置上，项目在实践落地过程中积累了丰富的经验，也充分感受到了jsx语法的灵活便捷和可维护性强大，享受到了用其开发的乐趣，独乐乐不如众乐乐，为了帮助大家更好的运用jsx，开发提效，特此总结分享。 💎效果对比 以前 以往我们开发一个列 ......
记录--开始使用Vue 3时应避免的10个错误
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Vue 3 稳定已经有一段时间了。许多代码库正在生产中使用它，其他人最终也必须进行迁移。我有机会与它一起工作，并记录了我的错误，这可能是你想避免的。 1.使用响应式助手声明基本类型 数据声明曾经很简单，但现在有多个辅助工具可用。现在的一般 ......
下拉菜单缓慢展开收起的动画过渡效果,vue2 CSS
需求：点击下拉菜单按钮，显示子菜单并有过渡效果 过渡效果：缓慢展开收起 环境：vue2 CSS 分析：子菜单的高度有没有固定，如果子菜单的高度固定，可以设置高的变化添加过渡效果。如果高度不固定设置最大高度的变化添加过渡效果 图片展示： 展开状态 收起状态 实现代码： <template> <div> ......
vue在组件中实现双向绑定
父组件中的一个变量和子组件的input框实现双向绑定，就要用到下面的方法： 父组件： <script> import CustomInput from './CustomInput.vue' export default { components: { CustomInput }, data() { ......
解决vue项目在IE浏览器打不开的问题
问题：vue项目运行后，在IE浏览器打开，页面为空白。 解决方案： ## 一、首先安装babel-polyfill `npm install --save babel-polyfill` ## 二、在main.js里引入 `import 'babel-polyfill'` ## 三、在首页index ......
【Vue2.x】vue2给对象动态添加响应式属性
# 1 vue2给对象动态添加响应式属性 > vue2里对象的响应式是通过Object.defineProperty()实现 ## 1.1 给对象添加单个响应式属性 使用Vue.set()或this.$set() 参数 - 第一个参数，是目标对象 - 第二个参数，是要添加的属性名字 - 第三个参数， ......
初始vue3——第三天
## 双向绑定 ### 基本用法 在前端处理表单时，我们常常需要将表单输入框的内容同步给 `JavaScript` 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦： ```html text = event.target.value"> ``` `v-model` 指令帮我们简化了这一步骤 ......
django form data如何传递到template的vue
参考： https://docs.djangoproject.com/en/4.2/ref/templates/builtins/#json-script afely outputs a Python object as JSON, wrapped in a <script> tag, ready ......
vue学习记录 2
打开昨天的vue项目，没记错的话网上查到的信息说，代码编辑部分就只在src文件夹，包括asset,router和components，其他的全是配置文件。 项目新建默认是一个巨大的vue图标和两行链接，布局在HelloWorld.vue，但是我昨天还没找到那个名为logo.png的图标是哪里插进去的 ......
解决VUE+Springboot项目跨域问题
通常springboot项目端口为8080 VUE项目端口设置为8088 这样互不干扰，实现了前后端分离，但随之而来的就是跨域问题 网上解决方式很多，这里给一个类，复制后放在springboot项目中即可 位置 import org.springframework.context.annotatio ......
vue项目的使用，前后端（vue）实现登录，混入mixin（多个组件都要使用的配置放在一起），插件（用于增强Vue，有很多第三方插件），Elementui的使用（样式）
# 解析一下vue项目  ## index.html文件：就是被根组件【template】写什么，这里就 ......
Window截图快捷键
1. Win+Printscreen：截取当前整个屏幕并保存到电脑图片文件夹。 2. Win+Shift+S：可以进行矩形、任意形状、窗口和全屏截图，还可以进行涂鸦、裁剪和标尺/量角器编辑。 3. Win+W:屏幕草图会自动截取当前屏幕内容，点击打开便可以直接进行编辑标注 ......
Vue 调试访问本地后端接口配置
记录一下本地测试前端的时候怎么访问本地后端接口。时间太长容易忘。。。。 1、首先要知道前端在访问后端的时候是怎么加上后端接口地址的。 如下图，找到封装http请求的文件，src/utils/rerquest.js 该图中的baseURL就是访问时我们加上的后端请求地址。 `baseURL: proc ......
#Vue-cli 5 怎么打印代理地址 #Vue-cli 5 怎么查看真是请求地址 ？
```js proxy: { '/api': { target: 'http://192.168.3.47:1228', changeOrigin: true, onProxyReq: function (proxyReq, req, res) { console.log( '[proxy]: ' ......
elementui局部全屏无法显示tooltip，popover等基于vue-popper类开发的组件
因为这些元素都是插入到body里面的，而当某一div全屏后由于层级原因无法显示这些组件，解决办法如下  ......
Vue路由的基本使用
1、相关理解 1.1 vue-router的理解 vue的一个插件库，专门用来实现SPA应用的 1.2 对SPA应用的理解 1、单页Web应用（single page web application，SPA） 2、整个页面只有一个完整的页面。index.html 3、点击页面中的导航链接不会刷新页面 ......
vue+elementUI 搜索栏公共组件封装，封装多搜索条件通用组件，超实用
1、新建BaseSearch.vue文件 <!-- *名称：弹窗的搜索条件组件 *功能：methods 1.点击搜索的方法：@search 2.搜索条件 props : formItemList --> <template> <div class="dialog-search"> <el-form ......
部分解决 | ocrmypdf对中文pdf进行ocr识别后存在多余空格
1、问题 ocrmypdf安装采用的是在windows安装方法具体看 https://media.readthedocs.org/pdf/ocrmypdf/latest/ocrmypdf.pdf 由于ocrmypdf对中文pdf识别后存在空格，根据以下链接知道 https://github.com/ ......
el-dialog组件封装-El-Dialog---vue
1、封装Dialog.vue文件 <template> <div class="base-dialog"> <el-dialog :type="type" :width="width" :custom-class="customClass" :fullscreen="fullscreen" :tit ......
vue 理解yarn start 和yarn dev的区别
yarn dev，当文件变动后，会自动重启。 yanr start不会自动重启 nodemon会监听文件变动，跟yarn dev和yarn start无关。 ......
Vue脚手架配置代理
前言 前端在向后端请求资源时通常会遇到跨域问题，当我们是用vue脚手架构建项目时，可以通过配置代理解决跨域问题 参考文档：devServer.proxy 方法一： 在vue.config.js中添加如下配置： module.exports = { devServer: { proxy: 'http: ......