草庐IT

vue-component

全部标签

在vue.js应用中利用浏览器背部/向前按钮

我有一个应用程序,该应用程序具有许多改变状态的下拉组件。。下拉列表的状态控制一个主数据表,该数据具有基于参数的信息。凉爽的。我还想更改URL,以便用户可以与他们的同事共享URL,并简单地显示DataTable而不选择下拉参数。例子:http://localhost:8080/?region=372&pc=341&pc=375或者http://localhost:8080/?region=372&pc=341&vendor=123456现在,我通过手动观看选定的下拉参数(通过watch)并构建URL并使用this.$router.push更新情况时更新浏览器历史记

vue - vue使用echarts实现中国地图和点击省份进行查看

文章目录1,实现的效果和功能2,安装ECharts3,main.js里面引入echarts4,实现如下5,遇到的问题6,用到的模拟数据1,实现的效果和功能vue使用echarts实现中国地图和点击省份进行查看;下面是效果图:主要实现的功能如下:1,第一张是实现中国地图,点击任意省份能够显示tooltip提示框;2,第二张是点击详情能够在原来的位置显示此省的地图并可以查看详细;3,第三张是点击第二张左上角的返回箭头重新返回到第一张中国地图;需要的保费模拟数据我会放到文章的最后面;echarts官网:https://echarts.apache.org/examples/zh/index.html

Laravel + Vue 3(Vite、TypeScript)SPA 设置

💂个人网站:【海拥】【摸鱼游戏】【神级源码资源网】🤟前端学习课程:👉【28个案例趣学前端】【400个JS面试题】💅想寻找共同学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】在本教程中,我将向大家展示如何使用Laravel+Vue3使用typescript和Vite设置你自己的单页应用程序。这是在Laravel项目中添加PWA的手动方法。我们不会使用InertiaJS或其他类似的东西,我们也不会混合使用。我们将手动实现我们自己的VueJS前端。第1步:让我们创建我们的Laravel项目composercreate-projectlaravel/laravellaravel-vue-manua

uni-app 微信小程序通过Vue3 Hooks 实现动态填充页面剩余高度

应用场景在uni-app开发微信小程序等项目时,经常会遇到这样的页面布局需求:上半部分高度固定,下半部分自动占满剩余高度,如下图所示应用场景:上半部分为固定高度或内容填充高度的内容区域下半部分为scroll-view滑动区域,可以无限下拉滚动进行数据加载由于scroll-view实现纵向滚动需要设置高度height,如果设置一个固定的高度值将会使页面在不同屏幕尺寸下出现内容溢出屏幕或无法占满整个屏幕的情况,使页面看起来很不美观😅因此为了提升用户体验,应该始终让整个页面保持在屏幕区域内固定,通过计算出页面的剩余高度,动态获取scroll-view高度,从而实现滚动组件的高度自适应。实现思路🤔?页

javascript - Vue js axios 向 golang 服务器发出请求,Preflight 错误

我尝试从前端网站(localhost:8888)向golang后端(localhost:8000)发送postapi请求。我收到下面列出的错误。我查看了stackoverflow,问题似乎是跨源请求和预检请求处理。我添加了如下所示的标题,但问题仍然存在。我希望你们能帮助我:)Axios错误:OPTIONShttp://localhost:8000/api/heimdall/signup404(NotFound)Failedtoloadhttp://localhost:8000/api/heimdall/signup:Responsetopreflightrequestdoesn'tpa

Vue3:Typescript与组合式API、defineProps、defineEmits等使用

标注类型:props使用defineProps()使用在使用时,defineProps()宏函数支持从它的参数中推导类型:运行时声明/***type:参数类型*required:必须传参(默认:false)*default:默认值*/constprops=defineProps({name:{type:String,required:true},title:{type:Number,required:false},status:Boolean})基于类型的声明/***方式一:通过泛型参数*/constprops=defineProps()/***方式二:编写单独接口*/interfacePro

vue2+element-ui 通用表格组件封装

vue3的通用表格我也封装了,是下面链接喔~ TS+vue3.2+vite2+element-plus通用表格组件封装1、父组件调用方式:未制作2、参数详解: 其实我定义的参数还蛮多的,基本能够把常用的功能包含进去了,我着重讲几个:1、tableLabel:表格头部标题有以下四个参数,最重要的是render,他的参数是从slot-scope抛出,可以进行判断显示{label:'制作格式',prop:'handleType',width:150,render(row){return`${row.handleType===1?'查题格式':(row.handleType===2?'拍题格式':'未

网易音乐网站系统|前后端分离springboot+vue实现在线音乐网站

作者主页:编程千纸鹤作者简介:Java、前端、Python开发多年,做过高程,项目经理,架构师主要内容:Java项目开发、毕业设计开发、面试技术整理、最新技术分享收藏点赞不迷路 关注作者有好处文末获得源码项目编号:BS-PT-104前言:网易音乐网站系统是一个在线的音乐网站,普通用户通过注册的账号进行登录并且进入客户端首页,用户使用鼠标点击某音乐进行收听播放,网站提供个人空间,用户可以把喜欢的歌曲进行收藏,以便于之后反复收听。用户平台还提供歌曲评价功能,对喜欢与不喜欢的歌曲进行打分和评论,管理员用户通过账户登录可以对音乐网站的基本数据进行管理,如音乐数据,用户数据等,还可以通过后台的数据展示来

关于Vue3的defineProps用法

之前只是单纯的会用,因为vue关于父子组件通讯差别有一点点大。1.在父组件内传递变量的时候,需要加冒号:,否则你就只是单纯的传递了一个字符串而已。2.在子组件里不需要引入defineProps就可调用该函数去接收父组件传来的属性。我个人在这里给自己提醒⏰,可能我太迷糊了。这里需要注意!!这是definePropsAPI是一个函数,它的返回值就是父亲传来的属性。3.刚开始让我感到奇怪的是,我好像不用变量去接收,在template里也能正常使用。那我还用变量接收干啥呢?这个API的返回值有毛线用啊?也不用像React那样变量前面都得加一个props.才可以访问,也没有结构去拿。这么方便吗?4.恍然

xml - 源解析.4.2 : Error Resolving Component 'ds:Signature'

我正在验证来自xsd的XML,但当我说它必须验证签名标签时出现错误这是XML:4005802002-05-30T09:00:00...这是XSD当我尝试进行验证时显示的错误如下:Src-resolve.4.2:ErrorResolvingComponent'ds:Signature'.ItWasDetectedThat'ds:Signature'IsInNamespace'http://www.w3.org/2000/09/xmldsig#',ButComponentsFromThisNamespaceAreNotReferenceableFromSchemaDocument'null