空格 源码app vue

vue3+ts使用v-for出现unknown问题

title: vue3+ts使用v-for出现unknown问题 date: 2022-12-27 19:00:45 tags: ['Vue','踩坑记录'] categories: ["前端篇"] 最近在写项目时遇到了一个问题,当我从父组件向子组件传数据并且需要将子组件对传入的数据进行v-for循 ......
unknown 问题 v-for vue3 vue

Vue(二)

2.组件 2.1.模块与组件 2.1.1.模块 可以向外提供某一个功能的js程序,一般为一个js文件 作用:js可以复用,可以简化js的编写,提高js的运行效率。 2.1.2.组件 实现某一个功能的效果代码集合,这个集合包含很多,比如html、css、js等 作用:复用编码,简化项目的编码,提高项目 ......
Vue

Vue JS项目 添加TypeScript

Vue JS项目 添加TypeScript 转载请注明来源 谢谢 git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心. vue.config.js 添加下面内容 pages:{ index:{ entry:'src/main.js' } } 项目根目录运行 vue add typescri ......
TypeScript 项目 Vue

执行:python manage.py migrate app,报错解决

执行命令:python manage.py migrate user(子应用)报错: D:\PythonProjects\djangoProject>python manage.py migrate user *************Login************* Operations to ......
migrate python manage app py

vue:axios异步通讯

由于Ajax需要对dom进行频繁的操作 所以这里使用axios进行替代 首先放上所有代码 <body> <div id="vue"> {{info.name}} <a v-bind:href="info.url">点我</a> </div> <!-- 到入vue.js--> <script src= ......
通讯 axios vue

boot-admin整合flowable官方editor-app源码进行BPMN2-0建模(续)

boot-admin整合flowable官方editor-app源码进行BPMN2-0建模(续) 书接上回 项目源码仓库github 项目源码仓库gitee boot-admin 是一款采用前后端分离模式、基于SpringCloud微服务架构的SaaS后台管理框架。系统内置基础管理、权限管理、运行管 ......
boot-admin editor-app 源码 flowable 官方

Vue-Routes

下载 npm i vue-router@x x为版本号 版本对应规则: vue@x == router@x+1 使用 一、创建应用路由器 在src中创建router/index.js目录 1、引入touter插件&&应用插件 import VueRouter from 'vue-touter'Vue ......
Vue-Routes Routes Vue

vue组件

vue组件实际上就是自定义标签 组件是vue可重复使用的实例 也就是说,当你定义好一个组件之后,你可以将其当做一个html的标签使用 <div id="app"> <br> <qinjiang></qinjiang> <br> </div> <div id="buttonnew"> <newbutt ......
组件 vue

vue-router解决警告:No match found for location with path "XXXXXXX"

使用vue-router时,在刷新页面时往往会出现这个警告: 这个问题产生的原因往往是因为vue在启动时,会校验当前页面的路由,而我们使用vue-router时,是在导航守卫中动态添加路由的,因此肯定找不到,而这个时候还没进入守卫,自然就会抛出这个警告了: 1、app.use(router) 2、r ......
quot vue-router location XXXXXXX router

cesium源码编译调试及调用全过程

完整记录一次cesium源码从下载、打包、调用、调试的全过程。 本文使用软件或API版本: VSCode Node:12.18.3 cesium版本:1.94 总体步骤: 下载源码 执行npm install和npm start启动web服务 打包源码(打包前可以先将申请到的cesium的token ......
全过程 源码 cesium

Vite + Vue3 +TS 项目搭建

安装 nvm 略 安装 node 略 使用 Vite创建项目 vite3.x 文档:https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project 使用 NPM: $ npm create vite@latest 使用 Yarn: $ ......
项目 Vite Vue3 Vue TS

WebStorm 2023.1 vue文件标签中变量无法识别 Unresolved variable or type

从老版本WebStorm 升级到 WebStorm 2023.1 之后,打开项目莫名爆红 可能是查询的不对,很多博客指明是依赖的问题,实际修改无效 问题出在文件类型指向不对 修改为: 问题解决 ......
变量 Unresolved WebStorm variable 标签

Vue:表单双绑、组件

vue一大精髓就是双向绑定 vue.js是一个mvvm框架,即数据的双向绑定,即当数据发生变化时的时候,视图也就发生变化,当视图发生变化时,数据也会同步变化 双向绑定是对于UI控件来说的,非UI控件不会涉及到数据的双向绑定 以input标签举例 <div id="app"> 输入的文本:<input ......
表单 组件 Vue

VUE上传图片

1 <!-- 2 气味照相机,上传图片 3 --> 4 <template> 5 <div class="main_container" > 6 <div class="bgimg_box" :style="'background-image: url(' + bgImg + ');'"> 7 <d ......
图片 VUE

DRF的限流组件(源码分析)

DRF限流组件(源码分析) 限流,限制用户访问频率,例如:用户1分钟最多访问100次 或者 短信验证码一天每天可以发送50次, 防止盗刷。 对于匿名用户,使用用户IP作为唯一标识。 对于登录用户,使用用户ID或名称作为唯一标识。 缓存={ 用户标识:[12:33,12:32,12:31,12:30, ......
组件 源码 DRF

使用PhantomJS解决VUE项目无法被百度收录

一、安装PhantomJS 安装文章:https://www.cnblogs.com/robots2/p/17340143.html 二、编写脚本spider.js // spider.js 'use strict'; console.log(' start '); // 单个资源等待时间,避免资源 ......
PhantomJS 项目 VUE

vue 事件

vue中用 v-on绑定事件 简单绑定一个点击事件 <div id="app"> <button v-on:click="sayHi">点击我</button> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script ......
事件 vue

《简化iOS APP上架流程,App Uploader助你搞定!》

转载;http://kxdang.com/topic/appuploader/questions.html Appuploader 常见错误及解决方法 问题解决秘籍 遇到问题,第一个请登录苹果开发者官网 检查一遍账号是否有权限,是否被停用,是否过期,是否有协议需要同意,并且在右上角切换账号后检查所有 ......
Uploader 流程 iOS APP App

《简化iOS APP上架流程,App Uploader助你搞定!》

转载;http://kxdang.com/topic/appuploader/questions.html Appuploader 常见错误及解决方法 问题解决秘籍 遇到问题,第一个请登录苹果开发者官网 检查一遍账号是否有权限,是否被停用,是否过期,是否有协议需要同意,并且在右上角切换账号后检查所有 ......
Uploader 流程 iOS APP App

vue基本语法 for if else show

vue有关于if else 以及 for 的判断 <body> <div id="app"> <h1 v-if="type 'A'"> A </h1> <h1 v-else-if="type 'B'"> B </h1> <h1 v-else> C </h1> </div> </body> </htm ......
语法 else show vue for

动态线程池DynamicTP源码分析

一、简述 dynamic-tp是一个轻量级的动态线程池插件,它是一个基于配置中心的动态线程池,线程池的参数可以通过配置中心配置进行动态的修改,目前支持的配置中心有Apollo,Nacos和Zookeeper,同时dynamic-tp支持线程池的监控和报警,具体特性如下: 基于Spring框架,现只支 ......
线程 DynamicTP 源码 动态

vue下拉框选择后不显示值,选其他下拉框后才显示出来

vue下拉框选择后不显示值,选其他下拉框后才显示出来 vue也太坑了 解决方法:为该el-select添加change事件中使用$set来对属性赋值,如下: changeData(val) { this.$set(this.formData, this.formData.id, val.value) ......
vue

vue全家桶进阶之路50:Vue3 环境变量+跨域设置实例

使用.env加后缀的方式来建立某个模式下的环境变量, 例如:项目根目录新建两个环境变量文件(development开发环境和production生产环境): .env.development .env.production 在新建的两个环境变量文件中设置相同的环境变量名: VUE_APP_BASE_ ......
变量 全家 实例 环境 Vue3

vue初学

Vue只关心视图层 视图层是HTML+CSS+JS 其遵循SOC原则 关注点分离原则 给用户看和刷新后台数据 vue支持mvvm+dom模式 第一个vue程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> ......
vue

vue 中的 props type设置多个类型,默认值

props: { value: { // type设置多个类型 type: Number | null, required: true } } ......
多个 类型 props type vue

DRF的权限组件(源码分析)

DRF的权限组件(源码分析) 1. 创建用户表 from django.db import models # Create your models here. class UserInfo(models.Model): role_choice = ((1, 'CEO'), (2, 'CTO'), ( ......
组件 源码 权限 DRF

vue-input-directive 插件的使用(已兼容vue3.0)

codepen体验地址 github地址 安装、引入 npm install vue-input-directive --save import Vue from 'vue' import inputValidate from 'vue-input-directive' Vue.use(inputV ......

vue全家桶进阶之路49:Vue3 环境变量

vue3 环境变量 在Vue3中,可以通过环境变量来管理应用程序中的配置。这些配置可以包括后端API的URL、API key、跟踪ID等等。在不同的开发、测试、生产环境中使用不同的配置是非常有用的。Vue3允许使用.env、.env.local、.env.[mode]和.env.[mode].loc ......
变量 全家 环境 Vue3 vue

备婚倒数日或纪念日记录的提醒APP

随着经济水平的发展,越来越多的年轻人都具有仪式感了,例如在结婚的时候要提前几个月备婚、在恋爱纪念日、结婚纪念日、亲朋好友生日来临时,要提前准备好礼物。不过也有不少网友苦恼,自己虽然比较有仪式感,但是无奈生活和工作是忙碌的,平时一忙起来,就很容易忘记各类节日,这应该怎么办呢?有没有一个能够记录备婚倒数 ......
纪念日 APP

vue兼容IE的方法规范

第三方插件的兼容性需经过ie和国产电脑浏览器测试后,才可以使用。 1、main.js 顶部添加 babel-polyfill import 'babel-polyfill' import Vue from 'vue' import App from './App.vue' import router ......
方法 vue