VUE项目中遇到的问题

vue封装一个简单的loading组件

效果图：1、首先创建一个loading组件；loading.vue{{message}}exportdefault{name:'loadingPage',props:{message:{type:String
阿湘zs·2024-02-08 19:44

vue实现Button按钮基本的封装并全局使用

在button中封装了按钮的背景颜色，大小，是否可点击的功能；首先看效果图：禁用按钮不可点击分为三步：首先创建一个button组件：ButtonComponent，在ButtonComponent组件中复制如下代码：exportdefault{name:'ButtonComponent',data(){return{bgColorData:'',//按钮背景色largeBtn:false,//超小
阿湘zs·2024-02-08 19:44

vue2用自定义指令实现图片懒加载

除了Vue内置的一系列指令(比如v-model或v-show)之外，Vue还允许你注册自定义的指令一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。
阿湘zs·2024-02-08 19:43

vue封装一个类似于element-ui的Notice通知组件，并挂载到Vue原型上使用this.$Notice.xxx()调用

点击不同的按钮会展示不同的icon图标，如果只需要title而不需要内容只需要传递一个布尔值即可实现；效果如下：默认效果:只展示title：展示成功按钮以及内容：1、在components中新建一个Notice.vue
阿湘zs·2024-02-08 19:12

猫头虎分享已解决Bug || Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or

博主猫头虎的技术世界欢迎来到猫头虎的博客—探索技术的无限可能！专栏链接：精选专栏：《面试题大全》—面试准备的宝典！《IDEA开发秘籍》—提升你的IDEA技能！《100天精通鸿蒙》—从Web/安卓到鸿蒙大师！《100天精通Golang（基础入门篇）》—踏入Go语言世界的第一步！《100天精通Go语言（精品VIP版）》—踏入Go语言世界的第二步！领域矩阵：猫头虎技术领域矩阵：深入探索各技术领域，发现知
猫头虎-前端技术·2024-02-08 19:08

猫头虎分享已解决Bug || Vue3报错: Failed to fetch dynamically imported module

文章目录猫头虎分享已解决Bug||Vue3报错:Failedtofe
猫头虎-前端技术·2024-02-08 19:37

Vuex中的this.$store.dispatch方法详解：让每一位开发者都能轻松掌握的指南 ‍

了解更多，请访问：猫头虎技术矩阵新矩阵备用链接文章目录Vuex中的this.$store.dispatch方法详解：让每一位开
猫头虎-前端技术·2024-02-08 19:37

好烦，怎么输入拼音的过程也会触发input事件！！！

本文将介绍一种解决该问题的Vue指令，使得在拼音输入过程中不会
JYeontu·2024-02-08 19:03

H5 解决vue hash模式下微信分享#号问题

在开发H5的过程中，遇到了转发好友和转发朋友圈的问题！在pc端、ios都是正常运行的，在安卓上转发的连接是把#号之后全部删掉了我的解决办法是在服务器上增加了一个html文件，中转跳转路径！也就是重定向代码如下//服务器中专代码varurl=location.href;vartargeturl=url.split("target=")[1];//"target="后面的参数为实际页面参数vartou
玄学大师·2024-02-08 19:50

Oracle 面试题 | 15.精选Oracle高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js
ai_todo·2024-02-08 19:24

Oracle 面试题 | 16.精选Oracle高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js
ai_todo·2024-02-08 19:24

Oracle 面试题 | 17.精选Oracle高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js
ai_todo·2024-02-08 19:24

Oracle 面试题 | 18.精选Oracle高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js
ai_todo·2024-02-08 19:54

【JavaWeb】头条新闻纯JavaWeb项目实现 项目搭建 数据库工具类导入 跨域问题 Postman 第一期 (前端Vue3+Vite)

文章目录一、项目简介1.1微头条业务简介1.2技术栈介绍二、项目部署三、准备工具类3.1异步响应规范格式类3.2MD5加密工具类3.3JDBCUtil连接池工具类3.4JwtHelper工具类3.4JSON转换的WEBUtil工具类四、准备各层的接口和实现类4.1准备实体类和VO对象4.2DAO层接口和实现类4.3Service层接口和实现类4.4Controller层接口和实现类4.4.1Por
道格维克·2024-02-08 19:51

vue3 之 商城项目—home

home—整体结构搭建根据上面五个模块建目录图如下：home/index.vueimportHomeCategoryfrom'.
jiojio在学习勒·2024-02-08 18:20

vue3 之 商城项目—二级分类

二级分类功能描述配置二级路由准备组件模版">首页居家居家生活用品.bread-container{padding:25px0;color:#666;}.sub-container{padding:20px10px;background-color:#fff;.body{display:flex;flex-wrap:wrap;padding:010px;}.goods-item{display:bl
jiojio在学习勒·2024-02-08 18:20

Vue商城项目笔记一

目录0.开发项目流程1.创建项目2.项目的其他配置2.1自动打开浏览器2.2eslint校验功能关闭2.3src文件夹别名3.项目路由分析4.搭建非路由组件5.搭建路由组件5.1配置并搭建路由5.2总结5.2.1路由组件和非路由组件的区别5.2.2$router和$route的区别5.2.3路由的跳转6.组件显示与隐藏7.路由传参8.Home组件拆分8.1全局组件8.2局部组件9.axios二次封
yugioo·2024-02-08 18:20

vue易购商城项目code

ego/server/config.jsmodule.exports={jwtSecret:"somesecretkeyforjsonwebtoken"}ego/server/index.jsconstexpress=require("express");constapp=express();constrouter=require("./router")constdebug=require('de
゜.·2024-02-08 18:20

vue3 之 商城项目—layout静态模版结构搭建

模块静态模版搭建一般情况下我们会有nav区域，header区域，二级路由出口区域以及footer区域，如图我们在开发的时候先把大模块搭建起来，再一步一步填充小模块在layout下建文件，目录如下在index.vue
jiojio在学习勒·2024-02-08 18:50

vue3 之 商城项目—一级分类

整体认识和路由配置场景：点击哪个分类跳转到对应的路由页面，路由传对应的参数router/index.jsimport{createRouter,createWebHashHistory}from'vue-router'importLayoutfrom
jiojio在学习勒·2024-02-08 18:47

通过GitHub Action发布vuepress到github Page

GitHubAction的概念Githubaction可以帮助我们完成持续集成（CI）和持续部署（CD）。你可以自定义工作流程，而且你还可以引用githubaction市场里面其他人提交的action。可以先熟悉下以下概念：Workflow:工作流可以让你在GitHub上完成构建，测试，打包，发布或部署任意项目。工作流由一个或者多个job组成。workflowfile文件放在.github/wor
leileitang_blog·2024-02-08 18:38

Vue + Element UI中表格组件（el-table）里的输入组件（el-input）中按下回车，使光标向右移动

在Vue中使用ElementUI时，要实现在一个表格组件（el-table）里的输入组件（el-input）中按下回车，使光标向右移动。
也许明天 '·2024-02-08 18:37

Vue + Element UI el-table + sortablejs 行、列拖拽排序

实现ElementUI中的el-table表格组件的行和列的拖拽排序使用Vue3+ElementPlusUI+sortablejs安装sortablejspnpminstallsortablejs行拖拽基本实现效果
也许明天 '·2024-02-08 18:06

Vue3入门到实战笔记05--路由

使用路由需要做的事情：1.确定好导航区、展示区2.请来路由器3.制定路由的具体规则（什么路径、对应着什么组件）4.形成一个一个的.vue1、基本使用步骤在cmd窗口安装:npmivue-router在src
jxncxgx·2024-02-08 18:06

vue3.x 快速原型开发

快速原型开发你可以使用vueserve和vuebuild命令对单个*.vue文件进行快速原型开发，不过这需要先额外安装一个全局的扩展：npminstall-g@vue/cli-service-globalvueserve
木白_0227·2024-02-08 18:06

14 -vue 打包图片路径错误解决

一、构建VUE项目直接用官网的方式建立vue项目vueinitwebpackvue-demo二、打包VUE项目npmrunbuild2.1打包项目介绍会在项目根目录下出现一个dist文件夹，项目目录如下图
大大的小小小心愿·2024-02-08 18:28

vue3进阶(四)——export function导出定义数据和接口数据 &封装el-select组件 & 获取sessionStorage中的基准地址apiUrl & watch和toRefs写法

vue3进阶(四)——exportfunction导出定义数据和接口数据&封装el-select组件&获取sessionStorage中的基准地址apiUrl&watch和toRefs写法7、引入的方法和接口数据
viceen·2024-02-08 18:56

vue3 vant 高德地图选择位置

amap/amap-jsapi-loader插件：npmi@amap/amap-jsapi-loader--save;第二步：搜索import{reactive,toRefs,onMounted}from'vue
web老张头·2024-02-08 18:55

vue3笔记十四(vue3自定义全局函数及变量、css新特性)

1、globalPropertiesvue3中没有Prototype属性，使用app.config.globalProperties去替代//vue2中Vue.prototype.
·某某··2024-02-08 18:55

Vue3 定义全局函数和变量

globalProperties由于Vue3没有Prototype属性使用app.config.globalProperties代替然后去定义变量和函数//man.tsimport{createApp}
是小张呀！·2024-02-08 18:55

vue pc端获取坐标和当前位置信息

if(navigator.geolocation){navigator.geolocation.getCurrentPosition((res)=>{letlocation=res.coords.longitude+","+res.coords.latitude;//获取当前坐标axios.get("https://restapi.amap.com/v3/geocode/regeo",{param
一营长张大喵·2024-02-08 18:55

vue3全局常量定义及使用

vue2定义全局变量可以参考以下文章Vue项目常量的使用vue3中需要适量修改一下一、创建常量文件在src下创建constant文件夹，用于存放全局常量相关配置，创建好后在其内创建module文件夹，用于存放常量文件
我是小菜鸟*·2024-02-08 18:54

vue3中全局定义函数

场景：有时候像字典库这种，前端可能很多地方都会用到，下拉框啊，状态的回显等等；没有必要每个用到字典库的地方都去调用字典库接口；思路：所以把字典库存储到Vuex里面，封装个全局函数，需要什么类型字典，过滤一下
一行代码上晴天·2024-02-08 18:54

vue3 - 21.定义全局函数&变量

globalProperties定义全局函数和变量：vue2的写法：vue.prototype.
啦啦朵朵·2024-02-08 18:24

vue3使用高德地图API-自定义搜索并加载marker、点击marker显示infoWindow（踩坑日记）

vue3使用高德地图API（踩坑日记）注意点：1、marker的显示上：要么直接在marker的配置项中使用map，要么使用map.add(marker)直接在地图上加，尽量不要两则都用，推荐在配置项指定显示的
羅森林·2024-02-08 18:24

Vue3使用高德地图、搜索、地图选点、以及省市区三级联动

1、准备工作需要在高德开发平台申请自己的key和密钥这里的Key名称大家可以随意填写申请完之后我们得到key和密钥vue中使用需要安装**@amap/amap-jsapi-loader--save**官方文档
会编码的派大星·2024-02-08 18:23

Vue3封装全局函数式组件

创建一个函数式组件1.封装toast组件2.创建应用实例3.注册插件（可省略）Q&A:补充一些注释①：为什么采用调用函数方法的方式去控制显隐②：函数式组件的这两个文件之间的联系三、调用1.注册插件后在.vue
前端咸鱼翻身·2024-02-08 18:22

vue 原生高德地图 单个定位点，定位 移动

下载高德地图npmi@amap/amap-jsapi-loader--save导入importAMapLoaderfrom'@amap/amap-jsapi-loader'//实例化地图控件initMap(lng,lat,name,code,time){AMapLoader.load({key:this.mapkey,//申请好的Web端开发者Key，首次调用load时必填version:'2.0
liaoxiuqing·2024-02-08 18:52

vue3+ts 引入高德地图并使用地图选点和搜索

_AMapSecurityConfig={securityJsCode:'',//你的密钥}创建map.vue组件确定{{item.name}}地址：{{item.address}}import{shallowRef
久爱@勿忘·2024-02-08 18:21

vue3挂载全局方法

比如某个js方法，项目很多地方都能用到，每次去重新写一遍太麻烦，放在一个js里面，每次去引入也懒得引，就可以挂载在全局上1.创建tool.js文件，里面放常用的方法consttools={getCurrentTim(){constcurrentTime=newDate();constyear=currentTime.getFullYear();constmonth=currentTime.getM
一个打工仔的笔记·2024-02-08 18:49

vue3的全局组件，函数和变量

vue3的全局组件，函数和变量全局组件：use关键字importMyUIfrom'@/components'constapp=createApp(App)app.use(MyUI)app.mount('
monana6·2024-02-08 18:49

Vue3水印（Watermark）

APIs参数说明类型默认值必传width水印的宽度，默认值为content自身的宽度numberundefinedfalseheight水印的高度，默认值为content自身的高度numberundefinedfalselayout水印的布局方式：平行布局parallel;交替布局alternate‘parallel’|‘alternate’‘alternate’falserotate水印绘制时，
theMuseCatcher·2024-02-08 18:48

vue2使用高德地图点击或搜索获取经纬度

data(){return{searchLocation:'',ruleForm:{},map:null,marker:null}},mounted(){this.initMap()this.setLocal()},methods:{//初始化地图initMap(){this.map=newAMap.Map('container',{zoom:9,//级别center:[116.397428,39
前端路上迷茫的小鲨鱼·2024-02-08 18:48

Vue2项目中使用高德地图自定义（Marker）标记点和创建（MassMarks）海量标记点

前言本篇文章就是单独分享一下在Vue2项目中如何自定义创建marker标记点和针对要创建庞大数量标记点时所采用的API，能够快速创建数量庞大的marker，不至于在浏览器渲染时产生卡顿的现象。
进击中的前端开发者·2024-02-08 18:18

vue中PC端使用高德地图 -- 实现搜索定位、地址标记、弹窗显示定位详情

PC端高德地图使用步骤：1、注册并登录高德开放平台获取2、安装高德依赖（amap-jsapi-loader）3、初始化地图4、首次打开地图获取当前定位并标记5、根据已有地址自动定位到指定地址并标记6、新增、清除标记及自定义信息窗体7、鼠标点击地图并选点标记8、根据关键字搜索并自动定位9、效果图10、完整代码高德官方api：高德官方开放平台一、注册并登录高德开放平台获取（key和秘钥）引用：impo
不等天亮等时光·2024-02-08 18:47

对于＜router-view＞标签的理解

的含义：：路由容器Vue路由中的是用来承载当前级别下的子级路由的一个视图标签；此标签的作用就是显示当前路由级别下一级的页面。
陌一一·2024-02-08 18:45

Vue3使用全局函数或变量的两种常用方式

例如：想要在index.ts中创建getAction函数，并可以全局使用：import{http}from'@/utils/axios'exportfunctiongetAction(url:string,params:object){returnhttp.request({url:url,method:'get',params:params})}方式一：使用依赖注入（provide/inject
theMuseCatcher·2024-02-08 18:15

Vue3创建项目方式及步骤

一、使用vue-cli创建1、文档链接为：https://cn.vuejs.org/guide/quick-start.html#creating-a-vue-application2、使用的语句有：npminstall-g
一起来学计算机·2024-02-08 17:42

Vuex介绍和使用

1.什么是VuexVuex是一个专为Vue.js应用程序开发的状态管理模式和库。它解决了在大型Vue.js应用程序中共享和管理状态的问题，使得状态管理变得更加简单、可预测和可维护。
c103363·2024-02-08 17:11

Vuex 详细操作

前言上一章，讲解了vuex的入门，主要阐述了state、getters、mutations、actions四个vuex的基础内容。
爱妃给朕躺下·2024-02-08 17:06
上一页 59 60 61 62 63 64 65 66 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他