过滤器vue-day vue day

Vue3综合使用案例

父组件 <template> <h3>父组件</h3> <div>{{ num }}</div> <div ref="box">使用ref获取dom</div> <div>watch监听数据-{{ watchVal }}</div> <about-view ref="child" :datas="n ......
案例 Vue3 Vue

vue table type=select列不能使用if判断

因为当前这个selection用【querySource】字段状态来判断显示和隐藏,在el-table标签里需要加:key=“querySource” ......
select table type vue

优化 vue 使用 webpack 打包,出现的缓存问题 及 项目部署问题

https://blog.csdn.net/qq_39264561/article/details/124844878 ` const path = require("path"); const webpack = require("webpack"); const timeStamp = new ......
问题 缓存 webpack 项目 vue

vue配置src为@

步骤1:配置jsconfig.js 位置:项目根目录/jsconfig.js { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, // @ 不能在以下目录的文件中使用 "exclude": ["node_m ......
vue src

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

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

代码随想录 day27 39. 组合总和 | 40.组合总和II | 131.分割回文串

39. 组合总和 给你一个 无重复元素 的整数数组 candidates 和一个目标整数 target ,找出 candidates 中可以使数字和为目标数 target 的 所有 不同组合 ,并以列表形式返回。你可以按 任意顺序 返回这些组合。 candidates 中的 同一个 数字可以 无限制 ......
总和 随想录 回文 随想 代码

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

代码随想录Day11-Leetcode20. 有效的括号,1047. 删除字符串中的所有相邻重复项,150. 逆波兰表达式求值

20. 有效的括号 写过很多遍了,但还是不能秒a /** * @param {string} s * @return {boolean} */ var isValid = function(s) { let stack = [] let obj = {'(':')', '[':']', '{':'} ......
随想录 括号 表达式 字符串 随想

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

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

代码随想录Day13-Leetcode239. 滑动窗口最大值,347.前 K 个高频元素,栈和队列总结

239. 滑动窗口最大值 一开始没有思路,暴力了,然后果然超时; 看提示中的单调队列没有特别明白;后面反应过来跟单调栈很像; 也确实很符合本题的情况,一旦队尾出现更大的数,前面更小的数就不需要了, 他们不会成为最大数被弹出后的备选。 值得注意的是本题数次出现区间错误,一开始我的操作居然是删除q[l] ......
随想录 最大值 队列 随想 Leetcode

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

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

对于Vue3和Ts的心得和思考

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

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

day02 微信小程序

内容回顾 搭建环境 全局配置 pages window tabbar 页面 json js wxml wxss flex布局 display: flex flex-direction: row/column justify-content:... align-item:... 小程序开发 组件(标签 ......
程序 day 02

day36

力扣题目链接(opens new window) 给定一个区间的集合,找到需要移除区间的最小数量,使剩余区间互不重叠。 注意: 可以认为区间的终点总是大于它的起点。 区间 [1,2] 和 [2,3] 的边界相互“接触”,但没有相互重叠。 class Solution { public int era ......
day 36

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

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

AI基础_Day02

函数概述 print() input() type() int() str() float() chr() ord() 函数的作用: ​ 用来将一段功能代码封装到一起,并起个名. ​ 在使用时,只需要使用代码的名字即可 好处: ​ 提高代码的开发效率 ​ 使代码更加简洁 ​ 提高代码的复用率 函数的 ......
基础 Day 02

AI基础_Day03

猜拳游戏 a. 两个角色 玩家 player - 电脑 robot b. 动作: 石头 0 , 剪刀 1, 布 2 c. 我的出拳: 由输入完成 d. 电脑的出拳: 随机数完成 e. 比较出拳 f. 相等 - 平局 g. 玩家赢: p0:r1 p1:r2 p2:r0 h. 剩下的情况就是电脑赢 if ......
基础 Day 03

AI基础_Day04

Python 官方中文文档 https://docs.python.org/zh-cn/3/ 字符串常用方法 a.查找_替换_统计 find() 掌握 注意: 找不到子串时,返回-1 rfind() 了解 index() 了解 注意: 找不到子串时,程序会崩溃,产生一条异常信息,导致程序无法执行 r ......
基础 Day 04

AI基础_Day05

列表 推导式 格式: 列表变量 = [表达式 for 变量 in range(10)] 表达式中需要使用后面的变量 组包和拆包 组包: 将多个值同时赋给一个变量时,解释器会进行自动组包操作 拆包: 将一个容器值(元组),里面的多个数据同时赋值多个变量,解释器会进行拆包操作 注意: 拆包要注意被赋值的 ......
基础 Day 05