草庐IT

nodejs_vue

全部标签

vue element ui table组件列宽可以拖拽调整大小,某一列可以禁止拖拽调整大小

 只需要在el-table-column标签中添加:resizable="false"即可 import'./index.css'exportdefault{data(){return{tableData:[{date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518弄',},{date:'2016-05-04',name:'王小虎',address:'上海市普陀区金沙江路1517弄',},{date:'2016-05-01',name:'王小虎',address:'上海市普陀区金沙江路1519弄',},{date:'2016-05-03',nam

海康威视WebSDK_V3.3.0 集成vue2项目避坑+解决方案

最近新需求项目集成WebSDK_V3.3.0的视频插件,开发过程中遇到了一些问题,如下:无法正确引入插件/InitPlugin报错使用文档中写的I_DestroyPlugin报错并且再次Init插件后无法正常播放,报错如下:如果你也有类似问题请往下看首先开发包如下:1.无法正确引入插件/InitPlugin报错首先确认你已经正确引入了开发包的demo/codebase路径下的jsVideoPlugin-1.0.0.min.js,webVideoCtrl.js两个文件,(放到项目的静态资源路径下),并且安装了插件_HCWebSDKPlugin.exe_,import'../../../publi

Vue+Element(el-upload+el-form的使用)+springboot

 说明(该案例是一个el-form和el-upload结合的,逻辑是:需要先保存输入框的内容才能上传图片,分别调用了4(查询,删除、插入,上传图片)个接口)1、编写模板保存点击上传只能上传jpg/png文件,且不超过2MB 2、发请求调接口exportdefault{name:"uploadFile",data(){return{isButtonDisabled:true,name:'',price:'',uploadData:{id:''},fileList:[{name:'food.jpeg',url:'https://fuss10.elemecdn.com/3/63/4e7f3a1542

vue2使用flv.js播放live.flv流视频

1.下载flv.js这里我用的是“flv.js”:“^1.6.2”,npminstallflv.js2.引入使用importflvjsfrom"flv.js";3.元素template>divclass="view-page-defaultshi-shi-shi-ping">divclass="video-box"ref="videoBox">divv-for="(item,index)inurls":key="index">div:class="'item-video-box'+(item.full?'full':'')">div>videoclass="video-js"preload="

基于java+ssm+vue的购物商城微信小程序

项目介绍计算机网络发展到现在已经好几十年了,在理论上面已经有了很丰富的基础,并且在现实生活中也到处都在使用,可以说,经过几十年的发展,互联网技术已经把地域信息的隔阂给消除了,让整个世界都可以即时通话和联系,极大的方便了人们的生活。所以说,购物商城小程序用计算机技术来进行设计,不仅在管理方面更加的系统化,操作性强,最重要的是关于数据的保存和使用都能节约大量的时间,该系统非常的好用。购物商城小程序管理数据的工具是MySQL,编码的语言是Java,运用的框架是SSM框架。该系统可以实现商家星级和商品类型的管理,商品信息管理,商品评价管理,商家管理,商品订单管理,用户管理等功能。购物商城小程序不仅能让

el-form 动态表单增减项 (vue+element ui)

1、点击”+“,弹出弹窗,新增一项,点击”-“,删除当前项代码展示:html代码:注意:el-form-item(表单项)循环,绑定的数组写在form当中表单:+-新增参数弹框:取消确定data://表单数据form:{region:'',formItemData:[],},//新增弹窗数据paramsVisible:false,paramsForm:{paramsName:"",}methods:1、点击新增,弹出新增弹窗,添加表单项//新增选项addItem(item,index){console.log("添加",item,index)this.paramsVisible=true},/

【前端】-vue-对打包的静态文件进行压缩

通过npmrunbuild打包时候,会发现静态文件很大,放在nginx服务中访问页面会很慢,所以可在打包过程中对静态文件再压缩。对js、css、html等文件进行压缩:安装插件“compression-webpack-plugin”。(我本地版本:cnpminstallcompression-webpack-plugin@5.0.1)cnpminstallcompression-webpack-plugin配置vue.config.js文件:constCompressionWebpackPlugin=require('compression-webpack-plugin');constisPr

vue集成tui.calendar日历组件

vue集成tui.calendar日历组件前言一、简介、效果图二、vue简单集成(集成js版本,没有使用官方的vue2版本)1.引包2.简单示例三、自定义功能1.需求分析、效果展示2.实现思路前言vue2的集成在git上官方已经给出了demo这里就不贴代码了。本次主要是vue3集成最近有个功能需要一个日历视图显示出什么时间段上什么课、点击可以查看详情、点击日历空白出可以创建课程或者日程。并且可以拖动。找了挺多组件,最后跟团队商量一下决定使用tui.calendar下面是我找的日历视图组件:名称地址VCalendarhttps://vcalendar.io/tui.calendarhttps:/

【开源】基于Vue+SpringBoot的CRM客户管理系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块三、系统设计3.1用例设计3.2E-R图设计3.3数据库设计3.3.1客户表3.3.2商品表3.3.3客户跟踪表3.3.4客户消费表3.3.5系统角色表四、系统展示五、核心代码5.1查询客户5.2新增客户跟踪记录5.3新增客户消费订单5.4查询商品5.5商品购买六、免责说明一、摘要1.1项目介绍基于JAVA+Vue+SpringBoot+MySQL的CRM客户管理系统,包含了客户管理、客户分析、商品管理、客户跟踪、客户消费模块,还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块,CRM

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

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式一、研究背景和意义研究背景随着生活品质的提升和人们对美好生活的追求,鲜花已经成为日常生活中不可或缺的一部分。无论是节日庆典、婚礼纪念,还是日常家居装饰、礼品赠送,鲜花都扮演