
vue
文章平均质量分 73
半痴半醉半天真
这个作者很懒,什么都没留下…
展开
-
element-plus upload解决限制个数上传文件后再次上传没反应问题
好了,回归我们的问题。我在前端做了每一次上传任务只能够同时上传一个文件操作,超出的话使用:on-exceed方法来进行提示。一切仿佛都很好,但是随着测试的进行,我发现在上传完成一个文件后,我再次点击上传却执行exceed方法,告诉我一次只能上传一个文件???看了很多教程,大多数都是说:使用这个重置一下就可以了,经过我的分析,我发现根本没有卵用。为了验证我的想法,我在这条语句的上下位置,各自打印了upload组件中属性值“fileList”即存放上传文件列表信息的属性,然后发现根本没有变化,说明官方提供的原创 2022-06-30 10:42:55 · 7142 阅读 · 1 评论 -
vue使用到的工具node npm cnpm pnpm yarn管理
vue前端框架搭建项目使用到的工具1、node.jsnodejs是JavaScript的一个运行环境,使得我们在前端写的js代码能够在服务端运行。相较于传统的web开发,前端使用js开发,服务端还需要用其他语言来写。node.js官网下载地址:https://nodejs.org/en/download/,一路默认即可。最后通过cmd命令框输入:node -v查看即可2、npmnode package Manager:Node 的包管理系统,世界上最大的软件包仓库。在这里,我们要实现各种功能几乎原创 2022-05-30 20:09:07 · 1506 阅读 · 0 评论 -
vue2中vuex状态管理的理解(菜单面包板)
本片理解基于vue3对应的Vuex4文档,结合了官网文档以及众多前辈大佬所发布的帖子,由衷表示感谢。vuex的超详细讲解和具体使用细节记录随着我们进一步扩展约定,即组件不允许直接变更属于 store 实例的 state,而应执行 action 来分发 (dispatch) 事件通知 store 去改变,最终达成了 Flux 架构。这样约定的好处是,能够记录所有 store 中发生的 state 变更,同时实现能做到记录变更、保存状态快照、历史回滚/时光旅行的先进的调试工具。一、什么是Vuex?Vu原创 2022-05-18 11:52:28 · 846 阅读 · 0 评论 -
vue3结合element-plus实现标签手动标注效果
先上效果图功能描述:默认首选标签为第一个“时间”【读者可以根据代码修改默认的标签】,能够增加标签。点击不同的标签可以进行标签切换。在正文部分能够根据输入的文本txt,或者内置的html文件进行标注,对选中的词语或文段打上标签【体现在背景颜色和文本节点的‘title’属性】。可以再次点击已经标注的内容进行取消标注。最终标注的结果将会以一个对象数组的形式保存,读者可以自行对被标注的内容进行一系列操作。标注结果形如:Proxy {0: {…}, 1: {…}, 2: {…}, 3: {…}, 4: {…}原创 2022-05-05 20:06:48 · 114201 阅读 · 3 评论 -
vue生命周期的理解
来自官方的经典生命周期图例由图可知在整个vue页面从创建到销毁经历了以下8个钩子函数,这8个钩子函数都是自执行函数,不需要调用。beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeUnmountunmounted每一阶段钩子函数对应的vue实例对象状态以及适用于在该钩子函数中操作的应用场景beforeCreate:vue实例还没有创建,此时data和methods中的数据还没有初始化,在该钩子函数中无法访问原创 2022-05-03 19:33:22 · 672 阅读 · 0 评论 -
vue3新建项目yarn serve 报: The project seems to require yarn but it‘s not installed.解决方法
选择的项目配置信息项目目录信息:package.json文件信息{ "name": "online_learing", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies":原创 2022-04-20 16:19:31 · 1850 阅读 · 3 评论 -
vue3 element-plus按需引用组件
下载element-plus和对应插件首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件npm install element-plus --savenpm install -D unplugin-vue-components unplugin-auto-import配置vus.config.js文件没有这个文件的话可以在项目下直接创建,将一下内容复制粘贴进去const AutoImport = require('unplug原创 2022-04-15 22:14:28 · 1159 阅读 · 0 评论