草庐IT

Vue-Instant

全部标签

【TSX】vue3 + element-ui + tsx 通用表格组件

简介:基于vue3+el-table封装的通用表格组件的tsx写法,想要参考模板写法的可以到我另一篇博客喔~TS+vue3.2+vite2+element-plus通用表格组件封装话不多说,本组件分为四部分:1、CommonTable.module.scss文件为组件样式文件:global{.common-table{.el-table__header,.el-table__body{margin:0;}.el-table::before{height:0;}.el-button{padding:0;border:none;margin:04px;padding:04px08px;border

解决Vue前端项目打包部署到tomcat后浏览器F5刷新页面404问题

前后端分离项目,前端项目在ide中运行,浏览器直接按F5刷新和调试均未出现问题。打包部署到tomcat之后,在浏览器F5刷新页面会出现404问题。解决方案如下:在路由配置文件中,找到如下代码,将mode修改为hash重新打包部署即可。exportdefaultnewRouter({mode:'hash',//去掉url中的#scrollBehavior:()=>({y:0}),routes:constantRoutes})说完解决方案之后,分析下原因:Tomca服务器本身不支持Vue中的HTML5HistoryMode,而之前的配置,正是history,所以会出现问题。VueRouter本身支

【Web系列十七】Springboot+Vue实现websocket通信

目录前言SpringBoot使用maven添加依赖创建websocket服务创建配置文件 Vue创建websocket类初始化测试连接与通信 断开连接参考资料前言    想实现websocket通信并不复杂,这篇文章列举了多种选择,感兴趣的可以移步了解。一文搞懂四种WebSocket使用方式,建议收藏!-知乎(zhihu.com)        而本文是使用ServerEndpoint实现的。SpringBoot使用maven添加依赖    maven搭建springboot环境可以参考博主的这篇文章。【web系列十六】idea下使用Maven搭建springboot开发环境_Nicholso

javascript - 使用 Vue 为 anchor 标记中的 href 赋值

听起来很蠢,但我找不到传递href中定义的变量数据的方法:组件文件.vue我尝试了所有这些:{{url}}{{url}}{{url}}{{url}}{{url}}...exportdefault{data(){url:'http://anywhere.com'}}正确的做法是什么?谢谢! 最佳答案 您已将data()定义为一个函数,但它没有返回任何内容。它应该返回一个包含如下数据的对象:exportdefault{data(){return{url:'http://anywhere.com'}}}那么这些中的任何一个都可以工作:{{

javascript - 使用 Vue 为 anchor 标记中的 href 赋值

听起来很蠢,但我找不到传递href中定义的变量数据的方法:组件文件.vue我尝试了所有这些:{{url}}{{url}}{{url}}{{url}}{{url}}...exportdefault{data(){url:'http://anywhere.com'}}正确的做法是什么?谢谢! 最佳答案 您已将data()定义为一个函数,但它没有返回任何内容。它应该返回一个包含如下数据的对象:exportdefault{data(){return{url:'http://anywhere.com'}}}那么这些中的任何一个都可以工作:{{

vue中利用TCP实现文件的传输

服务端varnet=require('net');varfs=require('fs');constserver=net.createServer();constPORT=2131;//创建的端口号constHOST='http://xxxxxx';//ip地址//服务启动对网络资源的监听constserver.listen(PORT,HOST);//当服务启动时触发的事件constserver.on('listening',()=>{console.log(`服务已开启在${HOST}:${PORT}`);});constserver.on('close',function(){consol

【Springboot + Vue 视频播放web项目】解决视频播放只有声音没有画面

问题描述:使用vue-video-player作为视频播放插件,捣鼓挺久de了一堆bug之后终于能读取本地MP4视频文件,但是只有声音没有画面前端也是能够正确地根据url找到文件,音频也是正确的原因分析:经过前端堂哥的指点,首先把上面这个url直接输入到浏览器,看能不能正常播放,结果也是只有声音没有画面,于是堂哥断定:*不是前端的问题!哈哈哈哈哈哈哈这就是前端程序员的基本素养吗哈哈哈哈,牛牛牛,起码帮我缩小了范围经过很多查找,锁定了视频编码这个问题,具体可以看这个帖子和这个帖子总的来说,原因就是:我的MP4视频编码是mpeg4,这个格式的编解码好像要收取专利费,所以chrome等浏览器不支持查

前端学习---vue2--选项/数据--data-computed-watch-methods-props

写在前面:vue提供了很多数据相关的。文章目录data动态绑定介绍使用使用数据computed计算属性介绍基础使用计算属性缓存vs方法完整使用watch监听属性介绍使用methodspropspropsDatadata动态绑定介绍简单的说就是进行双向绑定的区域。vue实例的数据对象,会把data的数据转换成getter和setter,从而可以进行响应式的变化,vue实例创建后,可以通过vm.$data.x获取data里面的x,但同时vue实例也代理了其中的对象,所以我们一般使用简单的vm.x(this.x)就可以访问了使用在vue工程中data并不是一个对象,而是一个函数,其返回值是需要进行响

同样是跨端框架,React会不会被VUE取代?

看到知乎上有比较多的类似问题,正好这两个框架在以往的一些项目中都有实践过,就借着本篇文章说说我个人的看法。先摆个结论:不会,毕竟各有千秋,除非跨端框架有被更好的概念所替代,又或者App已经彻底过气了。什么是React?什么是VUE?维基百科上的概念解释,Vue.js是一个用于创建用户界面的开源MVVM前端JavaScript框架,也是一个创建单页应用的Web应用框架。Vue.js由尤雨溪(EvanYou)创建,由他和其他活跃的核心团队成员维护。2016年一项针对JavaScript框架的调查表明,Vue有着89%的开发者满意度。在GitHub上,该项目平均每天能收获95颗星,为GitHub有史