vue

一、首先配置全局websocket 创建webSocket.js： // global.js export default { ws: {}, setWs: function(newWs) { this.ws = newWs } } main.js引入： import webSocket from './utils/webSocket.js' Vue.prototype.$webSocket = …

在上一次 Spring Boot + Vue3 前后端分离 实战 wiki 知识库系统＜五＞--电子书管理功能开发 已经实现了电子书管理列表的分页加载功能，接下来则继续来完善剩下的功能。 制作电子书表单： 点击每一行编辑按钮，弹出编辑框： 1、上Ant Design Vue找到合适的效果组件： 点击编辑需要且个弹框，所以先来找一个合适的显示框： 选择这样的一个效果： 2、编辑按钮增加点击事件： 接…

当项目使用Vue+Eslint+Prettier时，发现在webstorm中并不生效，那么你来对了。不过在正式开始之前，可以阅读我的另外 一篇文章 。但是需要 注意 ，如果你的webstorm是2020.2及以上版本的，那么下面的这一步就无效了。 首先解释一下为什么这一步无效了，这是因为webstorm从2020.2版本开始，将Pretter设置为了默认的格式化配置，因此就不需要做上面那篇文章繁琐…

步骤一： 将路由模式改为hash 步骤二： 打开project_root/config/index.js（project_root就是你的项目根目录） 修改如下内容 ...省略 module.exports = { build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), //…

项目地址： vue-big-screen 点击这里 一、项目描述 1，一个基于 vue、datav、Echart 框架的 " 数据大屏项目 "，通过 vue 组件 实现数据动态刷新渲染，内部图表可实现自由替换。部分图表使用 DataV 自带组件，可进行更改，详情请点击下方 DataV 文档。 2，项目需要全屏展示（按F11）。 3，项目部分区域使用了全局注册方式，增加了打包体积，在实际运用中请使用…

实现绑定css样式的方法： 在data中设定一个值，比如changColor：false，然后就可以在容器中添加入下命令： 意思是点击这个div盒子后，里面的class就会显示出来，然后颜色就会变成你设定的，再次点击就还原 <div v-on:click="changeColor=!changeColor" v-bind:class="{changeColor:changeColor}"&g…

版权声明：本文为wuli2496原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/wuli2496/article/details/129736882

第一种拼图认证 安装vue-monoplasty-slide-verify npm i vue-monoplasty-slide-verify 在main.js引入 import SlideVerify from 'vue-monoplasty-slide-verify'; Vue.use(SlideVerify); 第一种拼图组件 dragImg2.vue <template> &l…

下面对vue的基础知识点进行记录。 1、vue的生命周期就是vue实例从创建到销毁的全过程，即从main.js中的new Vue()开始，vue实例有一个完整的生命周期。 vue的生命周期中每个阶段对外开放操作vue的接口为钩子函数，包含如下： beforeCreate（创建前）：vue实例完成创建，data没有初始化，不能访问data、method，一般在这个阶段不进行操作； created（创…

1、下载最新版本：https://github.com/vuejs/devtools/tree/v6.1.4 2、解压到文件夹中 3、命令行进入文件夹中（或者用VScode等的终端操作），并且执行命令yarn install安装依赖 4、执行：yarn run build，到下图表示完成 5、chrome浏览器中打开chrome://extensions/，并且拖入packages文件下的shel…