草庐IT

Vue-Instant

全部标签

滚动条插件vue-scroll

1)介绍vuescroll是一个基于 vue.js2.X虚拟滚动条,它支持定制滚动条的样式,检测内容尺寸变化、能够使内容分页、支持上拉-刷新,下推加载等诸多特性2)特点(1)拥有原生滚动条的滚动行为(2)可以定制滚动条的样式(包括颜色、尺寸、位置、透明度、是否保持显示等)(3)在模式之间自由切换(4)能够通过设置滚动动画来平滑地滚动(5)拉取刷新和推动加载(6)支持分页模式(每次滑动整个页面)(7)支持快照模式(每次滑动滚动一个用户定义的距离)(8)可以检测内容尺寸发生变化3)用法(1)安装npminstallvuescroll-S(2)①入口文件配置importVuefrom'vue'imp

Vue框架教程-从入门到项目实战

创建Vue项目我们通过vue-cli创建一个vue项目,在cmd窗口输入vueui进入vue-cli可视化界面(如果无效请升级vue-cli版本)点击创建,选择一个项目目录输入项目名称和git初始化窗口(可选)选择预设,可以选择手动和预定的设置(预设就是一套定义好的插件和配置。你也可以将自己的配置保存成预设,方便以后创建项目使用。)选择项目功能(也可以在创建后手动添加)选择配置等待创建完项目即可(如果是第一次可能有点慢)启动项目引入Element-Ui点击左侧插件,点击右上角添加插件点击所有插件,输入element,选中第一个,点击创建配置插件,点击手工按需导入,选中zh-cn中文,完成按照即

关于黑马项目SpringBoot章节的整合内容:postman测试通过,但是vue页面无法显示内容解决

调了三个多小时终于解决了我真的哭死错误图片这是一直没有调试出来的图片idea和Postman中都能显示 但是页面无法显示 解决办法    在黑马程序员springboot学习章节,项目名叫做springboot_08_ssmp中,在做图书管理系统时,视频中定义了一个R类,用来封装Controller返回的数据。看过视频的兄弟们应该知道是怎么用的然后这个系统在springMVC中也是写过的,当时是定义的一个Result类来封装。    我出现这种情况是因为data的getset方法没有写,导致data变量无法被解析到。因为这个data是专门用来封装(存)后台响应回去的数据,所以导致在vue中 g

一个基于SpringBoot+Vue前后端分离医疗用品销售网站系统详细设计实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人目录一、前言介绍:二、功能设计:三、功能实现:用户登录的实现系统前台主要功能实

一文了解Angular、React 和 Vue.js的区别

前端开发人员在开始一个新项目时首先要回答的问题是:我应该选择哪个框架?哪个框架更适合我的需求? 在本文中,我们将向您快速概述当前使用的最常见的前端框架,旨在帮助您选择最能满足您需求的框架。这些框架是Angular、React和Vue.js。 一、介绍Angular是一个包含大量组件、服务和工具的前端框架。在Angular的网站上,您可以看到他们将Angular定义为:“现代网络开发者平台”。它由Google开发人员开发和维护,但奇怪的是它没有用于实现任何最常见的产品,例如YouTube。React被认为是一个UI库。他们将自己定义为:“用于构建用户界面的JavaScript库”。Faceboo

Vue模板应用

目录Vue模板应用{{}}变量插值v-once只会插值一次v-html对HTML代码插值v-bindHTML标签属性的插值在外部传递数值类型的数据到组件内部时,必须使用v-bind指令的方式进行传递,直接使用HTML属性设置的方式传递会将传递的数据作为字符串传递v-on监听、绑定事件v-model双向绑定条件渲染v-if如果其指定的变量为true,则渲染这个元素v-else-ifv-elsev-show循环渲染v-forVue模板应用模板属于视图层{{}}变量插值v-once只会插值一次v-html对HTML代码插值v-bindHTML标签属性的插值v-bind:id="#######"v-b

Vue项目el-input 不能输入的解决办法

目录一、背景二、解决办法1、方法1:标签嵌套太深2、方法2:使用了template作为el-input的父标签3、方法3:v-model一、背景输入框动态填充值,但是填充后不能编辑了,就像是被禁止了一样,就很无语...查了下资料,v-model填写了,也没有templete标签嵌套最终方法一即可解决问题...二、解决办法1、方法1:标签嵌套太深如果标签嵌套太深,会导致无法获取到DOM,这是我们需要$forceUpdate()强制刷新,才可获取data(){ return{ value:'', }}change(){ this.$forceUpdate();//强制刷新}2、方法2:使用了te

一个 适用 vue3 ts h5移动端 table组件

vue3-h5-table介绍适用于vue3+ts的h5移动端项目table组件支持左侧固定滑动每行点击回调支持指定列排序链接:https://github.com/duKD/vue3-h5-table效果props说明minTableHeight表格最小高度可选默认600rowNum表格显示几行可选默认6headerHeight头部默认高度可选默认60rowHeight每行数据的默认高度默认100column每列数据说明见下文tableDates表格数据fixedHeader是否固定表头默认trueexporttypecolumnItemType={title:string//列名dataI

vscode vue3开发常用插件(附Prettier格式化配置)

必不可少插件(名称可能不全):1、Chinese(Simplified)(简体中文)Language2、Prettier-Codeformatter3、Vue3Snippets4、VueLanguageFeatures(Volar)5、gitgraph可选插件:5、AutoCloseTag6、VueThemePrettier格式化配置:按ctrl+shift+p,搜索setting进入用户设置(全局),添加下面规则:"[vue]":{"editor.defaultFormatter":"esbenp.prettier-vscode"},"prettier.enable":true,"prett

vue2 封装 webSocket 开箱即用(或 uni.connectSocket)

第一步:  下载webSocket npminstallvue-native-websocket--save第二步: 需要在main.js中引入importwebsocketfrom'vue-native-websocket';Vue.use(websocket,'',{connectManually:true,//手动连接format:'json',//json格式reconnection:true,//是否自动重连reconnectionAttempts:5,//自动重连次数reconnectionDelay:2000,//重连间隔时间}); 第三步:  封装相关的连接和断开  相关代码!