VUE微商城

Vue中的自定义参数校验

目录1前言2方法2.1定义校验函数2.2进行绑定1前言在Vue中，自带了许多校验方法，但是有时候需要我们自定义一些校验方法，才能满足实际的需求。现在举个例子，我们从这个例子来讲解自定义参数校验。
厂里英才·2024-02-08 12:30

Vue Ant Design Vue table customRow + rowClassName 设置行属性 + 表格行的类名（带斑马纹和默认选中第一条数据） - 附完整示例

目录效果一、介绍1、官方文档2、官方示例二、准备工作1、安装依赖包2、示例版本三、使用步骤1、在main.ts引入2、具体使用四、完整示例1、main.ts2、example.vue效果一、介绍1、官方文档
Web - Nancy·2024-02-08 12:59

Vue ECharts X轴 type为value的数据格式 + X轴固定间隔并向上取整十位数 - 附完整示例

ECharts：一个基于JavaScript的开源可视化图表库。目录效果一、介绍1、官方文档：ApacheECharts2、官方示例二、准备工作1、安装依赖包2、示例版本三、使用步骤1、在单页面引入'echarts'2、指定容器并设置容器宽高3、数据处理（关键点）四、完整示例tipsxAxis.interval试一试效果一、介绍1、官方文档：ApacheEChartsApacheEChartsA
Web - Nancy·2024-02-08 12:59

初识Vue笔记

Vue.jsVue.js初体验Document{{message}}newVue({el:"#app",data:{message:"Vue.js初体验",}})vue的列表展示使用v-for遍历data
humorous man·2024-02-08 12:57

Vue ECharts 散点图上画一个圆形 - 附完整示例

ECharts：一个基于JavaScript的开源可视化图表库。效果一、介绍1、官方文档：ApacheEChartsApacheEChartsApacheECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。https://echarts.apache.org/zh/index.html2、官方示例二、准备工作1、安装依赖包npmin
Web - Nancy·2024-02-08 12:56

vue项目启动出现的问题

vue踩坑-Error:listenEADDRNOTAVAIL192.168.1.122:8081Error:listenEADDRNOTAVAIL192.168.1.122:8081atObject.
木子川页心·2024-02-08 12:55

基于JAVA的河南软件客服系统 开源项目

2.1系统管理人员2.2业务操作人员三、系统展示四、核心代码4.1查询客户4.2新增客户跟进情况4.3查询客户历史4.4新增服务派单4.5新增客户服务费五、免责说明一、摘要1.1项目介绍基于JAVA+Vue
杨荧·2024-02-08 12:52

vue中watch进行ajax,Vue中watch的使用

在vue中，使用watch来响应数据的变化。一、watch是什么？监测Vue实例变化的一个表达式或方法。回调函数得到的参数为新值和旧值，用一个函数取代。
自由人协作平台·2024-02-08 12:50

vue中watch和computed的使用案例:

1.watch侦听器:watch:{//搜索时文本发生变化,会重新调用搜索的接口(只改变自己)searchText:{//当searchText发生改变,调用handler函数(名称固定)//handler(value){//this.getSearchSuggestionsList(value)//},/*优化防抖debounce函数:参数一:一个函数参数二:延迟时间,单位毫秒返回值:防抖之后的
Sun Peng·2024-02-08 12:50

vue 3D轮播展示 --vue-carousel-3d

根据vue-carousel-3d官方网站上面的实例进行使用并修改官网地址：https://wlada.github.io/vue-carousel-3d/guide/使用流程：Installationnpminstall-Svue-carousel
AsBefore麦小兜·2024-02-08 12:20

vue3.0 watch函数案例

App.vue代码：importDemofrom'.
前端程序员路易·2024-02-08 12:20

Watch 在 vue 3 中使用说明

一、监听基础类型constnums=ref(9)watch(nums,(newValue,oldValue)=>{console.log('watch已触发',newValue)})二、监听复杂类型constdemo=reactive({name:'前端小玖',nickName:'小玖',soulmate:{name:'',nickName:''}})复杂类型的监听有很多种情况，具体的内容如下监听
刺客-Andy·2024-02-08 12:20

Vue3之watch的最简用法

watch用法参数一：要监测的值或值数组。（也可直接放入对象，不建议）参数二：回调函数。接收两个参数，newValue和oldValue。参数三：配置项对象。immediate、deep…1、监测一个ref数据。letsum=ref(0);watch(sum,(newVal,oldVal)=>{console.log('sum的值被改变了',oldVal+'==>'+newVal);});2、监测
雨落Liy·2024-02-08 12:20

Vue项目中 sass安装

1.sass-loader依赖于node-sass,所以要安装node-sasscnpminstallnode-sass--save-dev//安装node-sasscnpminstallsass-loader--save-dev//安装依赖包sass-loadercnpminstallstyle-loader--save-dev//安装style-loader2.在build文件夹下的webpa
一颗苦涩的苹果·2024-02-08 12:49

vue a-table合并单元格并且写入选择框

整体实现效果图是这样只写了合并部分列的代码//columns是a-table列表的表头及参数columns:[{title:"资源等级",dataIndex:"sourceLevel",width:160,key:"sourceLevel",align:"center",scopedSlots:{customRender:'sourceLevel'//写了sourceLevel这个我们仍可以在ht
一颗苦涩的苹果·2024-02-08 12:49

vue2/3项目中使用Vue Carousel 3D实现 Carousel 3D 轮播

项目需求大概是这个样子，这种并不能通过围成一周再旋转父级实现，因此图方便选择了组件轮播vue2，可以直接使用Playground-VueCarousel3D-3DCarouselforVue.js进行改造成自己需要的样子
毒蚊子D·2024-02-08 12:19

vue中如何使用富文本详细讲解

一、cnpm安装vue-quill-editorcnpminstallvue-quill-editor二、在main.js中引入importVueQuillEditorfrom‘vue-quill-editor
一颗苦涩的苹果·2024-02-08 12:19

vue项目中获取地址栏参数并且截取

铁子们，我今天写项目遇到这样一个问题，因为我是单独写的三个页面，我那个页面获取数据是要获取到上个页面传过来的参数才能进行请求，因为刚开始写参数是直接写成固定死的了然后我就在想，肯定要获取到当前页面的url地址，这样后边才能截取url地址中的参数，代码如下varurl=window.location.href;//获取地址栏路径vartemp1=url.split('?');//对url地址进行分割
一颗苦涩的苹果·2024-02-08 12:19

vue 用的watch 的说明及例子

在Vue.js中，watch是一个用于观察和响应Vue实例上数据变化的对象。当需要在数据变化时执行异步或开销较大的操作时，watch是非常有用的。
老大白菜·2024-02-08 12:18

Vue 3D轮播插件vue-carousel-3d（禁止滑动方法）

video1.安装npminstall-Svue-carousel-3d2.在main.js全局引入：importCarousel3dfrom'vue-carousel-3d';Vue.use(Carousel3d
一颗苦涩的苹果·2024-02-08 11:48

为啥可以直接在命令行执行vue create 和vue add等等的方法内容呢，这个过程是怎么样的

因为有node才可以执行js文件但在为何全局安装了vue-cli时候vuecreateproject-name创建Vue项目时，为什么命令不是以node开头呢，而是直接就可以vue去开头就能执行命令，难道没有使用
蓝奕世·2024-02-08 11:18

【Vue项目】filters过滤器

在vue项目中需要对一些数据进行格式化，我们可以通过Vue.filter进行过滤Vue.filter过滤器在Vue实例中使用Vue.filter方法进行注册，注册成功就可以在任何Vue模板中使用这些过滤器来对数据进行处理和格式化
SuperYiY·2024-02-08 11:18

vue对于安装依赖时不好习惯的反省

就想着怎么能让包小一些，就发现我遗漏了vue安装依赖的一个小知识点安装依赖的时候可以-s-d-g去安装，要根据使用的内容选择去安装，而不是一股脑的-s这样就会把一些线上不需要的1、-s等同于–save，
蓝奕世·2024-02-08 11:47

vue 安装依赖时 --save-dev 和 --save 区别

vue中--save-dev和--save区别1.安装vue依赖时，总是分不清该用哪个？
灿烂的小火炬·2024-02-08 11:47

vue npm install安装的命令,-save和-save-dev

[email protected]安装指定版本号npminstallxxx：安装项目到项目目录下，不会将模块依赖写入devDependencies或dependencies。npminstall-gxxx:-g的意思是将模块安装到全局，不是安装到当前目录的项目下npminstall-savexxx:-save的意思是将模块安装到项目目录下，并在package文件的dependenci
小白兔12345678·2024-02-08 11:46

vue安装依赖--save-dev和--save的区别是啥

就是使用这2种方法后就发现哪种都可以dependencies：运行时的依赖，发布后，即生产环境下还需要用的模块devDependencies：开发时的依赖。里面的模块是开发时用的，发布时用不到它。作为一名后端开发人员，我就很容易把他理解成就是开发的时候用的，然后上线之后就不需要用这个包了。。这种感觉然后我理解的时候就会觉得为啥线上就用不到了，应该还是有这个东西啊。既然开发的时候能用到，那么线上肯定
蓝奕世·2024-02-08 11:45

vue3中 watch、watchEffect区别

通过官网上的介绍得出如下简单的结论1、watch是惰性执行，也就是只有监听的值发生变化的时候才会执行，但是watchEffect不同，每次代码加载watchEffect都会执行（忽略watch第三个参数的配置，如果修改配置项也可以实现立即执行）2、watch需要传递监听的对象，watchEffect不需要3、watch只能监听响应式数据：ref定义的属性和reactive定义的对象，如果直接监听r
默默无闻的小人物·2024-02-08 11:37

基于Python淘宝茶叶销售数据可视化系统设计与实现(Django框架) 研究背景与意义、国内外研究现状

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-02-08 11:36

elementUI radio修改单选框多选框选中样式及自定义其他样式

最近vue开发，遇到一个页面样式上的问题，单选框和多选框的样式显示问题，看下图片吧：这是官方组件的显示效果，项目效果需求如下图找了很多资料，最后终于解决了，边看代码边解释吧：```css这里的.right
前端攻城狮路飞·2024-02-08 11:02

Vue中，子组件如何访问祖先组件中的数据

任何后代的组件树，无论层级有多深，都可以**注入**由父组件提供给整条链路的依赖要为组件后代提供数据，需要使用到`provide`选项：先定义一个子组件Child.vueimportDeepChildfrom
(((φ(◎ロ◎;)φ)))牵丝戏安·2024-02-08 11:50

vue自定义校验身份证

exportconstidCardValidity=(rule,code,callback)=>{varcity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"
知音说与知音听·2024-02-08 11:20

基于Naive UI封装的loading自定义指令

NaiveUI是一个Vue3的组件库。
小木木爸·2024-02-08 10:35

基于vueuse分装WebSocket

基于vueuse分装WebSocketimport{useWebSocket}from'@vueuse/core'exportinterfaceIWebSocketConfig{wsUrl:stringisHeartbeat
小木木爸·2024-02-08 10:05

前端代码规范

前端代码规范一、文件夹、文件命名(除vue组件外)使用小写字母，-连接符例如：intelligence-analysis二、组件命名使用大驼峰命名例如：文件命名：IntelligenceAnalysis.vue
小木木爸·2024-02-08 10:35

vue-cli引入wangEditor、Element，封装可上传附件的富文本编辑器组件（附源代码直接应用，菜单可调整）

关于Element安装引入，请参考我的另一篇文章：vue-cli引入ElementPlus（element-ui），修改主题变量，定义全局样式_shawxlee的博客-CSDN博客_chalkvariables1
shawxlee·2024-02-08 10:54

【学习笔记】Vue.js - 一个构建数据驱动的web界面的渐进式框架

一、风格指南1、命名格式命名法适用范围camelCase变量、参数、函数、方法、方法属性、id、空间PascalCase类、枚举、Vue组件kebab-casehtml文件、标签、元素属性、选择器underline_casecss
shawxlee·2024-02-08 10:54

vue-cli引入BootstrapVue，修改/新增主题变量，定义/应用全局样式

官方文档：GettingStarted|BootstrapVue安装bootstrap、popper.js、portal-vue、bootstrap-vue：[email protected]
shawxlee·2024-02-08 10:24

vue自定义全局指令：绑定在el-input上，使输入框自动获取焦点

注册全局指令：importVuefrom'vue'//绑定在el-input上，使输入框自动获取焦点Vue.directive('focus',{inserted:function(el){el.querySelector
shawxlee·2024-02-08 10:24

vuecli引入vue-amap地图组件（高德地图SDK）

指南：组件|vue-amap1、前往高德开放平台注册开发者账号，在控制台申请Key高德开放平台：高德开放平台|高德地图API申请Key：获取Key-创建工程-开发指南-Web服务API|高德地图API2
shawxlee·2024-02-08 10:23

格子表单GRID-FORM | 文档网站搭建（VitePress）与部署（Github Pages）

格子表单/GRID-FORM已在Github开源，如能帮到您麻烦给个星GRID-FORM系列文章基于VUE3可视化低代码表单设计器嵌套表单与自定义脚本交互文档网站搭建（VitePress）与部署（GithubPages
集成显卡·2024-02-08 10:53

vue-cli引入Element Plus（element-ui），修改主题变量，定义全局样式

Element官网：ElementPlus-Theworld’smostpopularVue3UIframework1、安装element-plusnpminstallelement-plus--save2
shawxlee·2024-02-08 10:53

vue-cli引入外部字体，自定义名称应用到全局

vue-cli引入外部字体，自定义名称应用到全局1、src/assets下新建文件夹fonts，将所有外部字体文件放入其中2、fonts下新建与字体同级的文件font.css，引入字体并定义名称：@font-face
shawxlee·2024-02-08 10:53

vue-cli引用图片资源的三种方式（template、script、style）

vue-cli引用图片资源的三种方式（template、script、style）src/assets下新建文件夹images，用于存放所有图片资源template中标签引用：script中脚本引用：data
shawxlee·2024-02-08 10:53

vue项目打包发布到云服务器

主要是说vue项目打包过程。
风晓尘·2024-02-08 10:03

VUE3基础

一、认识vue3及vue3的优势1、框架层面响应式底层API的变化，proxy数组下标的修改，对象动态添加属性；vue3对ts的支持比vue2更强；vue3增加了组合式API，增强了逻辑组合能力配套的工程化工具也有了更新
煸橙干儿~~·2024-02-08 10:11

vue--H5实现模糊查找

如果是中文，在打字的时候，不能触发模糊搜索的方法，如果是输入的英文，那么就应该在输入第一个字母时就要触发，所以在vue中，input的change事件显然是不能满足的，因为change事件在i
前田一喃·2024-02-08 10:04

vue倒计时

获取验证码{{second}}秒后重发exportdefault{data(){sending:true,//是否发送验证码disabled:false,//是否禁发验证码second:60,//倒计时间},methods:{//获取验证码getVerificationCode(){if(!this.sending)return;this.sending=false;this.disabled=t
大目犍连·2024-02-08 10:22

Java+微信小程序实现智慧家政系统 JAVA+Vue+SpringBoot+MySQL

1.2项目录屏二、功能模块三、系统展示四、核心代码4.1查询家政服务4.2新增单条服务订单4.3新增留言反馈4.4小程序登录4.5小程序数据展示五、免责说明一、摘要1.1项目介绍基于微信小程序+JAVA+Vue
customer08·2024-02-08 10:34

Vue3.0（四）：Composition API的使用

CompositionAPI认识CompositionAPI前几篇文章中主要用OptionsAPI进行编写代码，但是有一些弊端OptionsAPI弊端在OptionsAPI中，有data、watch、computed、methods以及生命周期函数各种各样的选项而一个变量，为了实现某个功能，会分散在各个选项中，不利于代码的维护此时CompositionAPI就出现了使用setup函数可以将大部分选
前端大菜鸟_·2024-02-08 09:23

vue3 之 组合式API—生命周期函数

vue3的生命周期API生命周期函数基本使用1️⃣导入生命周期函数2️⃣执行生命周期函数传入回调import{onMounted}from'vue'onMounted(()=>{//组件挂载完毕mounted
jiojio在学习勒·2024-02-08 09:52
上一页 61 62 63 64 65 66 67 68 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他