草庐IT

Vue-Router

全部标签

解决Vue项目F12查看源代码问题

解决Vue项目F12查看源代码问题在Vue项目中,Vue-cli默认可以通过F12查看前端代码,这可能会造成前端代码泄露。为了代码的安全性,隐藏掉比较好。配置如下:Vue-cli2配置打开config目录中的index.js文件,将build对象里的productionSourceMap设置成falsemodule.exports={bulid:{productionSourceMap:false}}Vue-cli3及以上版本配置在跟目录打开Vue.config.js文件,如果没有则创建一个该文件,然后在文件里加上:module.exports={productionSourceMap:fal

vue element ui table表格--实现列的显示与隐藏

前言实现效果提示:代码段太简单就不解释了,自己看代码自己更改,下面代码直接无脑复制更改就行一、实现代码?查看编辑选择显示字段日期姓名省份市区地址邮编保存列配置exportdefault{data(){return{isShowColumn:false,tableData:[{date:"2016-05-02",name:"王小虎",province:"上海",city:"普陀区",address:"上海市普陀区金沙江路1518弄",zip:200333,},{date:"2016-05-04",name:"王小虎",province:"上海",city:"普陀区",address:"上海市普陀

基于vue.js失物招领系统设计与实现(uni-app框架+PHP后台) 研究背景和意义、国内外现状

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式一、研究背景和意义随着社会的快速发展和人们生活节奏的加快,失物招领问题日益突出。传统的失物招领方式,如张贴告示、通过广播寻找等,不仅效率低下,而且覆盖面有限,难以满足现代社

nginx+ffmpeg+springboot+vue+西瓜视频-播放海康摄像头

    前端采用vue3+字节开源的西瓜视频播放FLV视频,后端使用ffmpeg+nginx对海康摄像头提供的rtsp流进行推拉流。1.Nginx配置    针对不同系统环境可以分别去下载编译nginx-rtmp-module或者nginx-http-flv-module    windows编译相对复杂需要装一大堆软件,可以用下面地址进行下载:链接:https://pan.baidu.com/s/1ND7DI16X4x3PUPnlWCDfuA?pwd=6rt8提取码:6rt8     linux比较交单,百度搜一搜,找个教程,按照教程进行编译就行了下面贴一下nginx.conf的配置:wor

VUE+webrtc-streamer 实现实时视频播放(监控设备-rtsp)

效果下图则启动成功,此时在浏览器访问127.0.0.1:8000可以看到本机监控画面1、下载webrtc-streamer地址:https://github.com/mpromonet/webrtc-streamer/releases2、解压下载包3、双击webrtc-streamer.exe启动服务4、将下载包html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到VUE项目public目录下。在index.html文件里引入这两个js文件5.页面中使用注意:第三步在本机启动服务所以newWebRtcStreamer(id,se

vue+element详细完整实现个人博客、个人网站

一.前言博客成品在线预览:点击访问接上一篇《vue+elementui实现非常好看的博客、网站首页,网站模板》。上一篇实现了整个框架的搭建和首页的编码,在此基础上,这一期进行了最终的功能页面完善,增加了功能:生活日志日志详情所有文章心情说说我的相册相册详情关于我标签合集同时对样式进行了更深层的改造和优化。二.页面效果图预览文章详情:心情说说+我的相册+相册详情所有文章+标签合集三.路由配置importVuefrom'vue'importRouterfrom'vue-router'importLayoutfrom'@/page/index/index'Vue.use(Router)exportd

前端 cdn 方式使用 Vue + element-ui

一、引入资源window.Vue||document.write(unescape("%3Cscriptsrc='../static/js/vue-2.7.10.min.js'type='text/javascript'%3E%3C/script%3E"))window.ELEMENT||document.write(unescape("%3Cscriptsrc='../static/js/element-ui-2.15.13-index.js'type='text/javascript'%3E%3C/script%3E"))二、创建vue对象app=newVue({el:'#app',dat

vue3的getCurrentInstance获取组件实例踩坑记录

一、getCurrentInstance基本用法我们可以通过getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象Vue2中,可以通过this来获取当前组件实例;Vue3中,在setup中无法通过this获取组件实例,console.log(this)打印出来的值是undefined。在Vue3中,getCurrentInstance()可以用来获取当前组件实例常见的用途包括:访问组件实例的属性:可以通过getCurrentInstance().ctx或getCurrentInstance().proxy来获取当前组件实例的属性。例如,可以使用get

基于Java+Vue+uniapp微信小程序健身小助手系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

基于JavaWeb+SSM+Vue4S店客户管理系统小程序系统的设计和实现

基于JavaWeb+SSM+Vue4S店客户管理系统小程序系统的设计和实现源码获取入口Lun文目录前言主要技术系统设计功能截图订阅经典源码专栏Java项目精品实战案例《500套》源码获取源码获取入口Lun文目录目录摘要IAbstractsI目录I第1章绪论11.1课题背景11.2研究意义11.3研究内容2第2章技术介绍22.1微信开发者工具32.2小程序框架以及目录结构介绍32.3JAVA技术42.4Mysql数据库42.5SSM框架4第3章需求分析53.1需求分析概述63.2可行性分析63.2.1经济可行性63.2.2技术可行性7第4章系统设计74.1系统结构设计74.2数据库设计84.2.