按钮vue2 vue

[Vue warn]: Property or method "todoName" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option,

## 错误原因 > 先上报错截图 ![](https://img2023.cnblogs.com/blog/2942345/202308/2942345-20230806143312604-1751762480.png) 报错翻译 : ![](https://img2023.cnblogs.com/ ......
quot referenced the Property instance

vue 开源项目 安装脚手架报错问题 ERESOLVE unable to resolve dependency tree

在安装项目依赖时,很大可能会遇到安装不成功的问题,其中有一个很大的原因,可能就是因为你的npm版本导致的 使用--force或--legacy-peer-deps可解决这种情况。 --force 会无视冲突,并强制获取远端npm库资源,当有资源冲突时覆盖掉原先的版本。 --legacy-peer-d ......
脚手架 dependency ERESOLVE resolve 项目

vue-table-width-grid 以及axios下载时报错

import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' // 导入字体图标 import './assets/fonts/iconfont. ......

vue3工程创建

一.两种创建方式(vue-cli与vite) 1.vue-cli创建(构建工具是webpack) 打开cmd 运行命令 vue -V 检查vue-cli版本要在4.5以上。 cd desktop 进入桌面 创建一个文件夹 vue create vue3lx 此时创建成功。y 2.运用vite创建(新 ......
工程 vue3 vue

Spring Boot + Vue3前后端分离实战wiki知识库系统<十一>--文档管理功能开发三

文档内容的显示: 在上一次https://www.cnblogs.com/webor2006/p/17510360.html文档管理模块还差文档的显示木有完成,所以接下来先将这块模块给收尾了。 增加单独获取内容的接口: 概述: 在前端页面文档查询时,只查询了文档的基本信息,其中文档的富文本内容是木有 ......
知识库 实战 功能 文档 知识

vue过度动画

要过度的元素需要有v-if或者v-show,用transition包裹 <transition name="sort"> <div class="sort" v-show="show"> <div class="all-sort-list2" @click="goSearch"> <div clas ......
动画 vue

Vue 报错error:0308010C:digital envelope routines::unsupported

package.json增加配置 "scripts": { "serve": "set NODE_OPTIONS openssl-legacy-provider && vue-cli-service serve", "build": "vue-cli-service build" }, 原文链接:h ......

第一步:创建vue项目

打开cmd vue create projectname 用默认的就行,创建好了 ......
项目 vue

Vue3 自定义组件使用v-model

Vue 的数据流传递是单向的,也就说数据只能由父组件通过`props`传递给子组件,子组件无法修改父组件传过来的状态,这样做为了避免因为子组件修改父组件的状态而导致数据流混乱以至难以理解。所以千万不要在子组件中直接修改 props。 子组件如果想要将数据传递给父组件,就需要使用 Vue 提供的事件机 ......
组件 v-model model Vue3 Vue

vue2 下载包版本冲突

安装vuex: npm install vuex --save 报错:npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree........................... 2022年2月7日,vue ......
版本 vue2 vue

Vue脚手架

### 1-Vue脚手架: 官网:[https://cli.vuejs.org/zh/]() ``` 1-配置淘宝镜像 : npm config set registry https://registry.npm.taobao.org/ 2-安装‘脚手架’ : sudo npm install -g ......
脚手架 Vue

随笔(二十六)『SpringBoot + Vue 简单部署到Linux』

### 1、安装docker #### 1.1、卸载系统之前的 docker ``` sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker-late ......
SpringBoot 随笔 Linux Vue

Vue封装一个瀑布流图片容器组件

## 说在前面 > 🎈最近在捣鼓自己的个人博客网站,有一个模块需要用到瀑布流图片🖼展示,于是我就将其封装成了一个组件,以后可以导入就能使用,具体效果如下👇: ![1649245798(1).png](https://img2023.cnblogs.com/blog/3253021/202308 ......
瀑布 容器 组件 图片 Vue

swift 按钮设置图片 颜色

actionBtn.setTitleColor(UIColor.gray, for: UIControl.State.normal) actionBtn.tintColor = UIColor.gray actionBtn.setImage(UIImage.init(named: "report") ......
按钮 颜色 图片 swift

Vue

![5eb49515e0274e3aace3b8229f0a2321](https://img2023.cnblogs.com/blog/2850774/202308/2850774-20230805132226736-222412787.png) > 全文为Vue2.0版本学习笔记!!!3.0版本 ......
Vue

Vue2框架总结

Vue语法 1.基本介绍 vue两大特点:响应式编程、组件化。 vue的优势:轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。 vue是单页面应用,使页面局部刷新,不用每次跳转页面都要请求所有数据和dom,这样大大加快了访问速度和提升用户体验。而且他的第三方ui ......
框架 Vue2 Vue

vue 方法整理

1、props 传值(可以使用props属性来进行组件之间的数据传递) 单向数据流 props传值是单向的:父组件的数据可以传给子组件,而子组件的数据不能传给父组件,这是为了防止子组件无意修改了父组件的状态,每次父组件更新时,子组件的所有 prop 都会更新为最新值。这意味着不应该在子组件内部改变 ......
方法 vue

vue--day54--todolist 中的MyItem 和App 消息发布实现通信

1.App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <!-- @addTodo 事件名 addTodo 回调名--> <MyHeader @addTodo="addTodo ......
todolist 消息 MyItem vue day

vue 路由

简介 创建单页面应用,官方路由组件,实现前端路由功能 安装 npm install vue-router 简单路由 创建路由规则文件 将router 挂载到 vue 实例中 路由参数类型 路径参数 查询字符串参数 路由跳转 使用 router-link to 属性 可以为path 路径,命名路由以及 ......
路由 vue

解决方案 | PPT右键复制文本时右键粘贴选项按钮为空白

1、问题 2、解决方法 随便复制一些文字,不要采用CRTL+V,而是采用右键粘贴方法到ppt中,选择纯文本的“A”符号。 之后再使用CTRL+复制,CTRL+V即正常。 3、参考链接 https://answers.microsoft.com/zh-hans/msoffice/forum/all/p ......
按钮 空白 文本 解决方案 方案

使用Vue+Vite搭建在线 C++ 源代码混淆工具,带在线实例

就酱紫 github开源地址: [https://github.com/dffxd-suntra/cppd](https://github.com/dffxd-suntra/cppd "https://github.com/dffxd-suntra/cppd") github在线实例: [https ......
源代码 实例 工具 Vite Vue

vue 一直运行 /sockjs-node/info?t=解决办法

![](https://img2023.cnblogs.com/blog/1202393/202308/1202393-20230804142411101-75661345.png) * https://blog.csdn.net/xingchen678/article/details/122429 ......
sockjs-node 办法 sockjs node info

vue3项目部署到服务器刷新页面就404

本地项目调的好好的,刷新也没有毛病,扔到服务器上,第一次打开是正常的,再刷新下就404了,不知道什么原因。百度了下才发现问题所在 const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), ro ......
页面 服务器 项目 vue3 vue

vue-pdf的使用

package.json { "name": "CmsWap", "version": "1.0.0", "description": "", "main": "main.js", "dependencies": { "vue-pdf": "^4.3.0" }, "devDependencies": ......
vue-pdf vue pdf

快速掌握Vue3:速成Vue3前端开发看这篇就够啦

vue3引入了Composition API,使开发者能够更灵活组织和重用组件逻辑。采用了基于Proxy的响应式系统,对虚拟DOM进行了优化等,提升了开发体验、性能 ......
Vue3 前端 Vue

Vue学习 2.0 版本笔记

# Vue学习 # 一、前端知识体系 - HTML(结构):超文本标记语言(Hyper Text Markup Language),决定网页的结构和内容 - CSS(表现):层叠样式表(Cascading Style Sheets),设定网页的表现样式 - JavaScript(行为):是一种弱类型 ......
版本 笔记 Vue 2.0

59.vue3+element-plus制作二维码生成器

1 <template> 2 <div> 3 <el-card style="height:80px;font-size: 30px;">二维码生成器</el-card> 4 <div style="display: flex;"> 5 <el-card style="width: 250px;ba ......
生成器 element-plus element vue3 plus

vue--day--51----消息订阅实现组件通讯

1. 安装组件。npm i pubsub-js 2.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提 ......
组件 消息 通讯 vue day

vue常用指令

v-bind(缩写为 :):用于绑定元素的属性到 Vue 实例的数据。 v-model:用于实现双向数据绑定,将表单元素和 Vue 实例的数据进行关联。 v-on(缩写为 @):用于绑定事件监听器,执行相应的方法。 v-if:根据条件判断是否渲染元素到 DOM。 v-for:用于循环渲染一组元素。 ......
指令 常用 vue

vue--day51----todolist 中App.vue 和 MyItem.vue 类似 父亲和子通信 通过全局事件总线实现通信

1.mainjs /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示 Vue.config.productionTi ......
vue 总线 全局 todolist 父亲