此组件是Vue 用于可调整大小和可拖动元素并支持冲突检测、元素吸附、元素对齐、辅助线。 1.安装 npm install --save vue-draggable-resizable 2.导入 如果使用的地方较多可以选择在main.js中全局导入 import Vue from 'vue' import vdr from 'vue-draggable-resizable-gorkys' // 导入…
一、 检查错误原因 1-1 目录结构 1-2 检查store下的index.js 引入Vuex 使用Vuex插件 默认暴露Vue.Store({}) // 该文件用于创建Vuex中最核心的store import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) // actions---相应组件中的动作 const actions = {}…
第一必须加上双引号。 第二加入“~”波浪号。 background:url(''~@/assets/images/marker.png"); 版权声明：本文为u010782109原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/u010782109/article/details/127254654
简介 要想减少重复性代码，少不了全局属性配置的问题，做这方面的模块封装。当然就是为了少敲点代码，以及为了后续需求变更的时候，我们只需要修改一处地方，而不需要在用到这个模块的页面都要改动一遍，这难道不是内耗，和浪费时间吗。 出于这个目的，再次深研了扩展全局属性 扩展全局属性 某些插件会通过 app.config.globalProperties 为所有组件都安装全局可用的属性。举例来说， impor…
vue 项目配置 eslint 和 prettier 导致运行出现 prettier/prettier 错误提示 出现这个错误大概率是由于相关联的依赖之间的版本不互相兼容导致的。比如我用的是 vue 官方默认的 vue2 脚手架创建的项目，在此基础上我又在项目中自己配置了 .eslintrc.js 和 .prettierrc ，自己又装了一些格式化插件，如 @vue/eslint-config-p…
Vue事件总线，组件通信，方法监听 emit、on 提示：主要在于记录使用方式 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 Vue事件总线，组件通信，方法监听 emit、on 一、父子组件通信 二、通过Vue事件总线的方式实现非父子组件通信 总结 一、父子组件通信 代码如下（示例）： <body> <div id="app"> <cou…
ant-design-vue3.x的form表单爬坑 嵌套的表单验证不再是用.连接，而是name用数组（如在1.x时候用的:prop=” form.${index}.name “，在3.x中就要用:name="[‘form’,index,name]"）。不过官方文档未说明name可以是Array类型的。clearValidate的传参同理。 版权声明：本文为weixin_43947692原创文章，…
vue获取文件流上传文件 重点： const formData = new FormData(); formData.append("file",this.file.raw) <el-upload class="upload-demo" ref="upload" action="#" :on-preview="handlePreview" :on-remove="handleRemove" …
<!-- 弹框 --> <template> <div :visible="visible" ref="tipsBox" @update:visible="updateDialog" class="tipsBox"> <div ref="showPopover" class="tipsClass animated"> <div>{{tip…
vue项目中这样展示图片，却没有显示图片 <img src="../../images/menu1.png" alt=""> 前端页面展示的数据是[object Module] <img :src='menu1' alt=""> //注意： src是属性绑定 <script> import menu1 from "../../images/menu1.png" …