动画vue amp

Unknown custom element: <el-tabs> - did you register the component correctly? For recursive components, make sure to vue.runtime.esm.js?c320:619provide the "name" option.

mad 从官网上扒下来的 一模一样就是一直报错 然后一直百度 百度上的答案五花八门 没一个有用的 草!!!!! 这个原因就是你没有在项目中引入element-ui 所以你用它的组件会报错 第一步 npm i element-ui -S 第二步 在main.js里面加入 import ElementU ......

Vue脚手架学习笔记

title: Vue脚手架 date: 2023-03-06 15:10:21 tags: Vue 一、 脚手架文件结构 |--node_modules |--public | |--favicon.ico:页签图标 | |--index.html:主页面 |--src | |--assets:存放 ......
脚手架 笔记 Vue

初识HTTP&HTTP报文&HTTP方法

初识HTTP HTTP是什么? HyperText Transfer Protocol 超文本传输协议 HTML:超文本标记语言 超文本:原先一个个单一的文本,通过超链接将其联系起来,由原先的单一的文本编程了可无限延伸扩展的超级文本,立体文本 HTTP报文 HTTP报文是什么? 浏览器向服务器发送请 ......
HTTP 报文 amp 方法

vue组件化开发---插槽的使用

插槽基本介绍 在开发中,我们会经常封装一个个可复用的组件: 前面我们会通过props传递给组件一些数据,让组件来进行展示; 但是为了让这个组件具备更强的通用性,我们不能将组件中的内容限制为固定的div、span等等这些元素; 比如某种情况下我们使用组件,希望组件显示的是一个按钮,某种情况下我们使用组 ......
组件 vue

Vue根据时间戳制作倒计时15分钟

废话不多说直接上代码 <script> export default { data() { return { downTimeShow: true, timer: null, downTime: '', nowTime: '', orderList:[ {addTime:'2023.03.27 13 ......
时间 Vue

AcWing1024 -- 记忆化搜索 & 天梯赛

1. 题目描述 2022年天梯赛正赛 $DIV2$ 2. 思路 首先认真读题,题目说的是每次送完外卖之后不必返回起点。 另外,需要送外卖的点是逐个添加,每添加一次都要算一次最短路。 我们假设一次性把所有点都添加了,此时如何求最短路呢? 如果说我们可以一条路走到黑而无需回头走的话,那么此时最短路就是最 ......
天梯 记忆 AcWing 1024 amp

初识前后端通信&前后端通信的过程与概念解释&前后端的通信方式

初始前后端通信 1.前后端通信是什么 前端和后端数据交互的过程 浏览器和服务器之间数据交互的过程 2.后端向前端发送数据 访问页面(后端发送数据 前端响应接收并且展示页面) 3.前端向后端发送数据 用户注册(前端页面注册 后端响应接收数据 前端展示) 前后端通信的过程与概念解释 前后端通信的过程(举 ......
amp 概念 端的 过程 方式

AcWing3696 -- topsort & 贪心

1. 题目描述 给定我们一些有向边和无向边,判断在将所有无向边确定方向后,能否生成一个有向无环图 2. 思路 思路其实真的非常简单。 我根据题目给定的有向边做一次 $topsort$,如果失败,说明无论剩下的无向边在怎么确定方向,都不可能无环。 如果成功,那么我们便成功确定了拓扑序。那么对于剩下的没 ......
topsort AcWing 3696 amp

vue "vue-awesome-swiper": "^4.1.1" 的使用

<!-- swiper1 --> <swiper class="swiper gallery-top" :options="swiperOptionTop" ref="swiperTop"> <swiper-slide v-for="item in img_list" :key="item.id" ......
quot vue-awesome-swiper vue awesome swiper

开源: golang+vue的论坛 和 node+react的IM系统

最近基于开源做了两个自己系统 都是UI非常好看的 我将两个系统的数据互通了 附带了一些产品思考 只需要一个邮箱就可以登录 无密码 无手机号 尽量简化流程 第一个论坛 站点 https://bulita.cn 现在主要是聚合招聘信息 目标是尽可能降低招聘和求职的门槛 以上海和远程工作为主 开源地址 h ......
golang 系统 react 论坛 node

vue+Element-ui实现表格拖拽排序功能

1、首先需要下载sortablejs第三方包 2、在需要排序的页面文件里引入: import Sortable from 'sortablejs' data() { return { apiObjDrag: [], productList:[],整个列表数据项 } }, methods:{ //行- ......
Element-ui 表格 Element 功能 vue

flask-结合vue2小案例

flask后端代码 先安装插件:flask-cors pip install flask-cors app.py from flask import Flask,jsonify,abort from flask_cors import cross_origin # cross_origin这个装饰器 ......
案例 flask vue2 vue

vue2基于 vue-cropper插件对图片裁剪

<template> <div id="app"> <div class="model" v-show="model" @click="model = false"> <div class="model-show"> <img :src="modelSrc" alt /> </div> </div> ......
vue-cropper vue 插件 cropper 图片

vue3中在setup方法中使用 provide,inject,组件上下层,直接传值和方法

一个简简单单的案例 app.vue <template> <div> app <Second/> </div> </template> <script> import { provide } from 'vue'; import Second from './components/Second.vu ......
方法 组件 上下 provide inject

vue3获取url参数的值

<script setup name="Welcome"> import { onMounted } from 'vue'; import { useRouter } from 'vue-router'; const $router = useRouter(); onMounted(() => { ......
参数 vue3 vue url

Python 之 lambda 函数完整详解 & 巧妙运用

文章目录一、前言二、lambda 语法三、lambda 特性四、lambda 常见用法五、lambda 用法之高阶函数一、前言lambda 函数在 Python 编程语言中使用频率非常高,使用起来非常灵活、巧妙; 那么,什么是lambda ?它有哪些用法和应用场景呢 ? 二、lambda 语法lam ......
函数 Python lambda amp

Vue3 脚手架

1. 使用vue-cli创建脚手架 PowerShell vue create vue3_test # 创建vue3工程,vue-cli版本必须在4.5.13以上 PowerShell npm run serve # 运行工程 2. 使用vite创建脚手架 方式一: PowerShell npm i ......
脚手架 Vue3 Vue

ubuntu & centos 安装包管理命令

Ubuntu 管理包操作的相关命令 使用apt命令管理包,可以自动下载依赖 sudo apt-get update 更新源 sudo apt-get install package 安装包 sudo apt-get remove package 删除包 sudo apt-cache search p ......
命令 ubuntu centos amp

对于Vue3和Ts的心得和思考

Vue3已经正式发布了一段时间了,各种生态已经成熟。最近使用taro+vue3重构冷链的小程序,经过了一段时间的开发和使用,有了一些自己的思考。 ......
心得 Vue3 Vue

【web】http请求中的 OPTIONS 详解 & 跨域

1. 导读 有过跨域请求的同学们应该发现过一个http请求有时会请求2次的时候,今天就给大家说说这个http请求的OPTIONS 方法是如何产生以及作用是啥。 2. 解释 互联网上的各个节点之间本来都是连通的,但是有些节点,比如我们的个人电脑连接另外一些节点(比如服务器)的时候,总是通过浏览器。这样 ......
OPTIONS http web amp

vue动态绑定内联样式(v-bind:style)

一、对象语法 <div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> data() { return { activeColor: 'red', fontSize: 30 } } <div :style="styl ......
样式 动态 v-bind style bind

Vue中获取method方法return返回值--常用于请求成功后回调

mounted: () { this.getList('', (data) => { console.log(data); }) } methods: { getList (condition) { get_list({...condition}).then(res => { if (res.dat ......
方法 method return Vue

Vue2模版编译(AST、Optimize 、Render)

在Vue $mount过程中,我们需要把模版编译成render函数,整体实现可以分为三部分: parse、optimize、codegen。 ......
模版 Optimize Render Vue2 Vue

如何给vue的href添加拼接参数

原来一直使用angular,而vue的用法和angualr相似,故我默认以为vue的href添加拼接参数的写法为: <a href="/list/editor?name={{item.title}}">链接</a> 然测试发现这是不可行的,需要用以下方法: <a :href="'/list/edit ......
参数 href vue

JSON & import assertions All In One

JSON & import assertions All In One error // const packageInfo = require("./package.json"); import * as pkg from "./package.json"; console.log(`pkg `, ......
assertions import JSON All amp

吃饭记录 · 碎碎念 | 20230326 · 与 SEU & 南传跆协共进晚餐

$$ $$ (碎碎念)今天晚上跟社团一起吃饭,南传的跆协来交流了。南传的人说 他们基本散养,没人正经自习 图书馆基本废弃,校园里有一个大舞台 每天表演,大家每天写剧本 / 演绎 / 拍摄 剪辑,天天喝庆功酒()然后他们还说 他们的同性恋是异性恋三倍多()很多情况是超乎我想象的。 我们从五点喝到八点( ......
183 晚餐 20230326 SEU amp

vue 组件通信

1. 子组件间通信(defineEmits + defineProps) 1.1 实现效果 在一个子组件的输入框中输入数据, 在另一个子组件上显示. 如下图: 1.2 defineEmits 和 defineProps 的 TS 使用 1.2.1 defineEmits 的 TS 使用 export ......
组件 vue

vue3 + vite 调试时断点位置错误

vite-plugin-vue-setup-extend(版本0.4.0) 插件的问题,删掉就好了。 该插件用于解决script setup语法糖下,不方便直接指定name名称的问题。 在 vite/plugins/index.js 文件中 注释 export default function cr ......
断点 错误 位置 vue3 vite

vue全家桶进阶之路6:第一个Vue程序

1、创建一个文件夹用于下载引入Vue D:\BaiduSyncdisk\vue1 2、按照最新版本的Vue npm install vue ......
全家 程序 vue Vue