首页 > TAG信息列表 > vue

vue 中使用 this 更新数据的一次大坑 _

情景说明:之前用 vue 做数据绑定更新时,发现一个莫名奇妙的问题。我在 vue 实例中声明了一个数组属性如 books: [],在异步请求的回调函数中使用 this.books = res.data.data; 进行数据更新,更新步骤后面紧跟着打印了 console.log(this.books),打印数据显示确实更新成功!但页面数据渲染无

Flask+Vue+Echarts+Mysql+websocket 实战(四)

一、后台编写思路:本质是数据的展示,因此只是调用数据库查询方法给前端使用即可。由于物联网水质监测仪目前还未调试好,因此模拟数据采集到数据库,做一个定时器做数据插入的功能(预计本周可以调试完毕,到时候传感器会定时采集数据传入服务器数据库,和此效果相同,先预留读取接口),然后websocke

SpringBoot + Vue 学生管理系统源码(包含数据库文件)

项目介绍这是一个采用前后端分离开发的项目,前端采用 Vue 开发、后端采用 SpringBoot + Mybatis 开发。项目部署1. 将 studentms.sql 导入数据库,参考下文数据库配置2. 运行 student_client_localhost 前端3. 运行后端 方法1:配置 student_server 后端的 yml 文件 ,以及 port 为 10086

vue3引入element

1. 初始化vue项目 https://www.cnblogs.com/Emking/p/16701767.html 2. 安装element插件 进入项目根目录下 npm install element-plus --save 3. 引入插件 修改main.js 引入需要用到的组件 import { createApp } from 'vue' import App from './App.vue' //引入element-plus模

12、vue+elementUI (链接版)

链接:https://blog.csdn.net/qq_42025798/article/details/122369907?ops_request_misc=&request_id=&biz_id=102&utm_term=vue最新上手&utm_medium=distribute.pc_search_result.none-task-blog-2 路由配置 index import Vue from 'vue' import Router fr

vue3中在".vue"文件中使用使用"$store"报警告问题

问题 使用最新版的vuex后,然后vue3在template模版中使用出现红色警告,但是编译无异常 效果图 解决办法: 在shims-vue.d.ts文件中新增下面的声明 // shims-vue.d.ts import { Store } from '@/store' declare module '@vue/runtime-core' { interface ComponentCustomProperties {

vscode 在此系统上禁止运行脚本

vue : 无法加载文件 D:\download\soft\node-v12.22.5-win-x64\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/ go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1+ vue create demo1+ ~~~ + CategoryInfo

Vue 配置多页面,去掉.html后缀的技巧

https://blog.csdn.net/weixin_45687922/article/details/112349414 https://cli.vuejs.org/zh/config/index.html https://blog.csdn.net/qq_41656414/article/details/123864755 Vue.config.js const pages = { // http://localhost:7575/dls-micro-app/iframe if

Javaweb-Vue初识:基础案例

什么是 Vue? Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。 更多案例请见vue官网 https://cn.v

Vue 的最大优势是???

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 Vu

Vue3:环境集成

  1.使用vue-cli创建 1.查看@vue/cli的版本,确保@vue/cli版本在4.5.0以上 vue --version 2.安装或者升级你的@vue-cli 3.创建 vue create vueproject 4.启动 cd vueproject npm run serve 2.使用vite创建 创建: 1、生成一个模板页面 npm init vite hello-vue3 -- --template v

vue3+element-plus+登录逻辑token+环境搭建

vue3+element-plus+登录逻辑token环境搭建 需求说明 项目初始化 1 import ElementPlus from 'element-plus' 2 import 'element-plus/dist/index.css' 3 const app = createApp(App) 4 app.use(ElementPlus)   安装脚手架工具 1 npm i @vue/cli@4.5.13 -g 验证是否安

vue常用指令

指令的六大类 内容渲染指令 属性绑定指令 事件绑定指令 双向绑定指令 条件渲染指令 列表渲染指令 内容绑定指令 1. v-text文本指令 使用方法:        内容 'zhangsan' 就展示在p标签里 如果p标签原来有内容就会被 'zhangsan'覆盖掉 2. {{ }}插值表达式 使用方法:        

vue-pdf实现预览pdf并使用C-Lodop实现打印功能

本人的工作项目中,需求是:   点击“打印”按钮,打开pdf预览弹出框,弹出框有:头部选择打印模板、打印方式、打印机,都是下拉选择框;中部是pdf预览块;底部是确定打印。   准备工作:   预览pdf,后端接口返回了pdf预览地址,可在线直接打开。vue-pdf插件可以满足需求。   选择方式如果选择

测试开发实习生一面

哭了,面试官问的还是很细致 1.自我介绍 2.项目 3.vue的生命周期 4.vue的前端请求方法 5.前后端请求存在的问题 6.实现教师管理功能,步骤有哪些 7.前后端请求,跨域怎么解决 8.后端sprintboot..(这里忘了) 9.对测试的了解 10.情景题:智能捏脸功能,怎么做测试,从哪些方面 11.捏脸的效果测试

如何分发大文件、大文件传输解决方案-vue

​ 一、概述   所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。   二、Range    用于请求头中,

vue插槽---具名插槽(二)

当需要多个插槽时,为了区别不同的插槽,需要给每个插槽一个名字,<slot> 元素有一个特殊的属性name,没有加name属性的插槽是默认插槽(默认name值为default)。 子组件模板      父组件中使用子组件   Vue2.6.0之后的更新写法     在template标签上使用v-slot指令,并以v-slot的参

npm安装的框架找不到xxx.cmd快捷命令

前提,已经配置好node的环境变量了 例如windows平台安装完vue后,cmd命令行输入vue提示以下信息 ‘vue/webpack‘ 不是内部或外部命令,也不是可运行的程序或批处理文件 缺少某项环境变量配置 npm config get prefix 复制得到的路径信息,去到桌面>右键计算机>属性>高级系统设置>环境变

vue 3 搭建电商网页 实战日记全过程

学习 1. 搭建环境 2. 解决引用less跨域问题 配置vue-router

Vue3 样式绑定

转自 https://www.runoob.com/vue3/vue3-class-bind.html     Vue.js class class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。 v-bind 在处理 class 和 style 时, 表达式除了可以使用字符串之外,还可以是对象或数组。 v-bind:class 可以简

vue3与vite下,element-plus组件库怎么实现按需引入

vue3与vite下,element-plus组件库怎么实现按需引入 按需引入意义:减小打包后的包体积 全量引入 // main.js import ElementPlus from 'element-plus'; import 'element-plus/dist/index.css'; import zhCn from 'element-plus/lib/locale/lang/zh-cn'; ... app.use(ElementPlu

8、插槽slot

点击查看代码 <!--view层,模板--> <div id="app"> <todo> <todo-title slot="todo-title" :title="title"></todo-title> <todo-list slot="todo-list" v-for="item in todoList" :l

Vue computed() 简介

computed() computed()计算属性。在setup内该函数返回ref类型,所以也是要求用.value取值,赋值。但在模板中可以自动解勾。 computed与methods的区别在于:computed是计算结果变化时触发,而methods是主动调用才触发。 computed与watch区别:watch类似于定时侦听变量,它很耗资源。而computed

java学习路线

javase基础 链接---->javase mysql数据库 链接---->mysql jdbc 链接---->jdbc javaweb 链接---->javaweb maven 链接---->maven ssm 链接---->ssm vue 链接---->vue springboot2+linux springboot2 链接---->springboot2 linux 链接---->linux github

vue命名规范

vue命名可遵循以下规则 1、有意义的名词、简短、具有可读性2、以小写开头,采用短横线分割命名3、公共组件命名以公司名称简拼为命名空间(app-xx.vue)4、文件夹命名主要以功能模块代表命名同时还需要注意:必须符合自定义元素规范: 使用连字符分隔单词,切勿使用保留字。app- 前缀作为命