事项vue cli 01

前端vue uni-app宫格组件提供常见九宫格菜单组件,扩充性好,可切换四宫格 九宫格 十二宫格

快速实现vue uni-app宫格组件提供常见九宫格菜单组件,扩充性好,可切换四宫格 九宫格 十二宫格; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12680 效果图如下: 代码如下# 宫格组件提供常见九宫格菜单组件,扩充性 ......
九宫 组件 前端 菜单 常见

前端vue uni-app列表组件 list组件,简单好用

快速实现uni-app列表组件 list组件,简单好用; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12675 效果图如下: #### 使用方法 ```使用方法 <!-- proList: 条目数组数据 goProDetai ......
组件 前端 uni-app list vue

前端vue uni-app百度地图定位组件,显示地图定位,标记点,并显示详细地址

快速实现前端百度地图定位组件,显示地图定位,标记点,并显示详细地址; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12677 效果图如下: 代码如下: # 百度地图定位组件,显示地图定位,标记点,并显示详细地址 #### 使用 ......
地图 前端 组件 标记 uni-app

vue3.x代码片段

# pinia状态管理使用示例 【main.js】 ```js import './assets/main.css' import {createApp} from 'vue' import {createPinia} from 'pinia' import App from './App.vue' ......
片段 代码 vue3 vue

【01-动态规划-01背包问题】

## 第一部分 ### 什么是动态规划? > "动态规划是一种通过把原问题分解为相对简单的子问题的方式求解复杂问题的方法。 > > 由于动态规划并不是某种具体的算法,而是一种解决特定问题的方法,因此它会出现在各式各样的数据结构中,与之相关的题目种类也更为繁杂。 > > 在 OI 中,计数等非最优化问 ......
背包 动态 问题 01

Vue——vuex使用、Router使用、localstorage、sessionstorage和cookie

## vuex使用 ```python # vuex :状态管理器 》存数据(变量)的地方,所有组件都可以操作 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信 ``` ```js 1 ......

Vue高级

[toc] # 一 vuex使用 ## 1.1 概念 * vuex :状态管理器 > 存数据(变量)的地方,所有组件都可以操作 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信 * 多个 ......
Vue

Vue第三方框架之ElementUi

[toc] # 一 Elementui引入 Elementui官网:https://element.eleme.cn/#/zh-CN/ * 是一个ui 库,控制样式的,它就是vue的一个插件 在vue项目中引入 elementui 1. 在项目中安装: ```python # 安装最新版本 cnpm ......
第三方 ElementUi 框架 Vue

Docker CLI docker events 常用命令

Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
命令 常用 Docker docker events

上下翻页按钮,上一页 下一页 vue2,分页

已经有每一页对应的数据,一共五页,点击到最后一页再点下一页按钮时回到第一页 <div class="button-list"> <button @click.prevent="handleLeft"> <i class="el-icon-arrow-left"></i> {{ifchinese ? ......
按钮 上下 vue2 vue

拥抱jsx,开启vue3用法的另一种选择🔥🔥

📝背景 公司高级表单组件ProForm高阶组件都建立在jsx的运用配置上,项目在实践落地过程中积累了丰富的经验,也充分感受到了jsx语法的灵活便捷和可维护性强大,享受到了用其开发的乐趣,独乐乐不如众乐乐,为了帮助大家更好的运用jsx,开发提效,特此总结分享。 💎效果对比 以前 以往我们开发一个列 ......
128293 vue3 jsx vue

记录--开始使用Vue 3时应避免的10个错误

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 Vue 3 稳定已经有一段时间了。许多代码库正在生产中使用它,其他人最终也必须进行迁移。我有机会与它一起工作,并记录了我的错误,这可能是你想避免的。 1.使用响应式助手声明基本类型 数据声明曾经很简单,但现在有多个辅助工具可用。现在的一般 ......
错误 Vue

下拉菜单缓慢展开收起的动画过渡效果,vue2 CSS

需求:点击下拉菜单按钮,显示子菜单并有过渡效果 过渡效果:缓慢展开收起 环境:vue2 CSS 分析:子菜单的高度有没有固定,如果子菜单的高度固定,可以设置高的变化添加过渡效果。如果高度不固定设置最大高度的变化添加过渡效果 图片展示: 展开状态 收起状态 实现代码: <template> <div> ......
菜单 效果 动画 vue2 vue

vue在组件中实现双向绑定

父组件中的一个变量和子组件的input框实现双向绑定,就要用到下面的方法: 父组件: <script> import CustomInput from './CustomInput.vue' export default { components: { CustomInput }, data() { ......
双向 组件 vue

解决vue项目在IE浏览器打不开的问题

问题:vue项目运行后,在IE浏览器打开,页面为空白。 解决方案: ## 一、首先安装babel-polyfill `npm install --save babel-polyfill` ## 二、在main.js里引入 `import 'babel-polyfill'` ## 三、在首页index ......
浏览器 项目 问题 vue

【Vue2.x】vue2给对象动态添加响应式属性

# 1 vue2给对象动态添加响应式属性 > vue2里对象的响应式是通过Object.defineProperty()实现 ## 1.1 给对象添加单个响应式属性 使用Vue.set()或this.$set() 参数 - 第一个参数,是目标对象 - 第二个参数,是要添加的属性名字 - 第三个参数, ......
属性 对象 动态 Vue2 vue2

算法题总结-01背包问题

01背包问题基本可以用一句话描述,i件物品中挑选若干不重复放入容量V的背包中,使得价值最大 核心转移方程为 ```python F[i][v] = max(F[i-1][v],F[i − 1, v − Wi] + Ci) ``` 方程就一个意思,i件物品的最大价值,可以划分为 i-1件物品的最大价值 ......
算法 背包 问题 01

初始vue3——第三天

## 双向绑定 ### 基本用法 在前端处理表单时,我们常常需要将表单输入框的内容同步给 `JavaScript` 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦: ```html text = event.target.value"> ``` `v-model` 指令帮我们简化了这一步骤 ......
vue3 vue

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 ......
template django data form vue

vue学习记录 2

打开昨天的vue项目,没记错的话网上查到的信息说,代码编辑部分就只在src文件夹,包括asset,router和components,其他的全是配置文件。 项目新建默认是一个巨大的vue图标和两行链接,布局在HelloWorld.vue,但是我昨天还没找到那个名为logo.png的图标是哪里插进去的 ......
vue

解决VUE+Springboot项目跨域问题

通常springboot项目端口为8080 VUE项目端口设置为8088 这样互不干扰,实现了前后端分离,但随之而来的就是跨域问题 网上解决方式很多,这里给一个类,复制后放在springboot项目中即可 位置 import org.springframework.context.annotatio ......
Springboot 项目 问题 VUE

vue项目的使用,前后端(vue)实现登录,混入mixin(多个组件都要使用的配置放在一起),插件(用于增强Vue,有很多第三方插件),Elementui的使用(样式)

# 解析一下vue项目 ![image](https://img2023.cnblogs.com/blog/3093680/202306/3093680-20230608150649857-1838945702.png) ## index.html文件:就是被根组件【template】写什么,这里就 ......
插件 第三方 样式 组件 vue

Vue 调试访问本地后端接口配置

记录一下本地测试前端的时候怎么访问本地后端接口。时间太长容易忘。。。。 1、首先要知道前端在访问后端的时候是怎么加上后端接口地址的。 如下图,找到封装http请求的文件,src/utils/rerquest.js 该图中的baseURL就是访问时我们加上的后端请求地址。 `baseURL: proc ......
Vue

ABAP-VL01N创建交货单

1 TYPES:BEGIN OF ty_data , 2 posnr TYPE lips-posnr, 3 lgort TYPE lips-lgort, 4 END OF ty_data. 5 6 DATA:lt_import TYPE TABLE OF ty_data, 7 ls_import T ......
交货单 ABAP-VL ABAP 01 VL

#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]: ' ......
Vue-cli 地址 Vue cli

elementui局部全屏无法显示tooltip,popover等基于vue-popper类开发的组件

因为这些元素都是插入到body里面的,而当某一div全屏后由于层级原因无法显示这些组件,解决办法如下 ![image](https://img2023.cnblogs.com/blog/3028693/202306/3028693-20230609114332847-1422644774.png) ......
局部 vue-popper 组件 elementui tooltip

Vue路由的基本使用

1、相关理解 1.1 vue-router的理解 vue的一个插件库,专门用来实现SPA应用的 1.2 对SPA应用的理解 1、单页Web应用(single page web application,SPA) 2、整个页面只有一个完整的页面。index.html 3、点击页面中的导航链接不会刷新页面 ......
路由 Vue

vue+elementUI 搜索栏公共组件封装,封装多搜索条件通用组件,超实用

1、新建BaseSearch.vue文件 <!-- *名称:弹窗的搜索条件组件 *功能:methods 1.点击搜索的方法:@search 2.搜索条件 props : formItemList --> <template> <div class="dialog-search"> <el-form ......
组件 elementUI 条件 vue

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 ......
组件 el-dialog El-Dialog dialog Dialog

vue 理解yarn start 和yarn dev的区别

yarn dev,当文件变动后,会自动重启。 yanr start不会自动重启 nodemon会监听文件变动,跟yarn dev和yarn start无关。 ......
yarn start vue dev