前端学习之路—Vue

第十四节:Vue选项:filters过滤器

过滤器是什么?过滤器是一种在模板中处理数据的便捷方式,会经常在其他模板语言中见到,他们特别适合对字符串和数字进行简单的显示变化.1.通过案例理解过滤器示例:对于数字价格处理1.1Mastache语法中处理价格数字苹果价格:{{(priceOne/100).toFixed(2)}}元/斤梨子价格:{{(priceTwo/100).toFixed(2)}}元/斤香蕉价格:{{(priceThree/1
时光如剑·2024-02-01 14:43

在vue项目中使用cnpm安装依赖报错Install fail! Error: Unsupported URL Type: npm:string-width@^4.2.0

如图所示：报此类型的错误大概率是依赖版本与cnpm版本不匹配，如图所示是在安装vue-easytable的时候报错，我之前的版本是1.7.2，后来将package.json中对应的配置改为最新版本后再安装就不报错了
前端你鹏哥·2024-02-01 14:17

Vue 父子组件传值

应用组件的时候就会涉及到组件之间相互传递参数以下进行简单的介绍,vue中的父子组件传值，要注意的是遵守单向数据流原则。
~浮生·2024-02-01 14:17

vue兄弟组件传值（vue兄弟组件通讯，vue同级组件传值通讯，vue兄弟组件通讯传值常用的两种方式，超详细）

简介:兄弟组件，就是同级别的组件⭐第一种：EventBus方法首先在main.js文件中定义一个新的bus对象，然后挂载在原型链上，生成一个全新的Vue实例，通过bus.
北城笑笑·2024-02-01 14:47

VUE3新特性hook

——本质是一个函数，把setup函数中使用的CompositionAPI进行了封装，类似于vue2中的mixin。自定义hook的优势：复用代码,让setup中的逻辑更清楚易懂。
前端你鹏哥·2024-02-01 14:16

vue2项目迁移到vue3中需要做什么处理

1.更改script标签为了方便写代码，在这里我们使用...标签2.定义变量的不同vue2中的data()内是用来定义变量的，如exportdefault{data(){return{   loginForm
前端你鹏哥·2024-02-01 14:46

vue3.0组件传值

vue3.0组件传值父组件子组件hellowrold.vueHellowrold2.vue父组件Thisisanaboutpageimport{ref,reactive}from'vue';importHelloWorldfrom
miao_zz·2024-02-01 14:45

Vue3组件传值

文章目录Vue3组件传值一、父传子二、子传父三、兄弟传值（Bus）1.引入第三方库mitt2.在哥哥组件中导入2.在弟弟组件中导入补充子组件修改父组件传的值Vue3组件传值提示：先了解defineProps
lucky_full·2024-02-01 14:45

基于Vue2的简易公式编辑器（自带公式校验）

引入formulaPage组件后可直接使用话不多说，直接上源码                   ‍{{item.value}}         ‍{{item.value}}             ‍{{item.value}}                          {       addItem(e,'obj');      }     "     st
前端你鹏哥·2024-02-01 14:45

vue同级组件传值

vue中父组件向子组件传递参数时，可以通过prop来传递参数，prop可以是数组形式，也可以是对象格式，子向父组件传递参数时，通过$emit来传递，$emit（'方法名',传参），来实现子组件和父组件数据交互
一抹清风似少年·2024-02-01 14:15

vue2组件传值

一、父组件向子组件传值父组件中的数据在子组件中不能直接使用，要想在子组件中使用，步骤：1、在子组件配置props属性，属性中协商自定义属性名。{props：[’自定义属性名‘]}2、在父组件中找到子组件标签。3、在子组件中需要使用数据的地方，直接将第一步中自定义属性名当作data数据来使用。{{自定义属性名}}示例：子组件：父组件：二、子组件向父组件传值步骤：1、在需要发送数据的子组件标签上绑定自
前端小白的成长日记·2024-02-01 14:44

基于Python的H5手机移动商城(Django框架)开题答辩常规问题和如何回答(答辩指导)

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

vue2组件传值大全

参考：【Vue2从入门到精通】深入浅出，带你彻底搞懂Vue2组件通信的9种方式_vue2组件通信方式-CSDN博客参考：一文搞懂Vue2中的组件通信_vue.js_脚本之家Vue组件间通信分类Vue组件间通信主要指以下
前端你鹏哥·2024-02-01 14:43

ElementUI Form：Input 输入框

ElementUI安装与使用指南Input输入框点击下载learnelementuispringboot项目源码效果图el-input.vue（Input输入框）页面效果图项目里el-input.vue
ChinaDragonDreamer·2024-02-01 14:41

毕业设计nodejs基于vue的学生成绩管理系统0q8e9

运行软件:vscode前端nodejs+vue+ElementUi语言node.js框架：Expres
qq2295116502·2024-02-01 14:41

nodejs基于vue奖学金助学金申请系统08ktb

高校奖助学金系统的目的是让使用者可以更方便的将人、设备和场景更立体的连接在一起。能让用户以更科幻的方式使用产品，体验高科技时代带给人们的方便，同时也能让用户体会到与以往常规产品不同的体验风格。与安卓，iOS相比较起来，高校奖助学金系统在流畅性，续航能力，等方方面面都有着很大的优势。这就意味着高校奖助学金系统的设计可以比其他系统更为出色的能力，可以更高效的完成最新的奖学金申请、申请提交等功能。运行软
qq2295116502·2024-02-01 14:41

ElementUI Form：Upload 上传

ElementUI安装与使用指南Upload上传点击下载learnelementuispringboot项目源码效果图el-upload.vue（Upload上传）页面效果图el-upload.vue代码
ChinaDragonDreamer·2024-02-01 14:10

ElementUI Form：InputNumber 计数器

ElementUI安装与使用指南InputNumber计数器点击下载learnelementuispringboot项目源码效果图el-radio.vue（InputNumber计数器）页面效果图项目里
ChinaDragonDreamer·2024-02-01 14:09

nodejs+vue+ElementUi学生兼职招聘求职系统b8t93

浏览器：谷歌浏览器课题主要分为三大模块：即管理员模块和学生、企业模块，主要功能包括：学生、企业、岗位类型、招聘信息、应聘信息、投诉建议等；运行软件:vscode前端nodejs+vue+ElementUi
qq2295116502·2024-02-01 14:09

Vue3使用dayjs以及dayjs日期工具类

Vue3使用dayjs全局使用以及将dayjs封装为自己需要的日期工具类说明安装dayjs命令在main.js里面全局导入在vue模版中使用dayjs语法如下dayjs日期工具类说明这里记录下在Vue3
谁不想飞舞青春·2024-02-01 14:08

Vue3+vite搭建基础架构（1）---新建项目

Vue3+vite搭建基础架构（1）---新建项目说明官方文档创建vite项目启动项目说明这里记录下自己用Vue3+vite的搭建过程，不使用ts语法，方便以后直接使用。
谁不想飞舞青春·2024-02-01 14:08

vue---子组件修改父组件的值

//子组件{{value}}exportdefault{props:['value'],data(){return{newValue:''}}}//父组件importChildComponentfrom'./ChildComponent'exportdefault{components:{ChildComponent},data(){return{data:'HelloWorld'}},metho
想你的风吹到了瑞士·2024-02-01 14:07

vue----单选多选按钮切换

{{item.name}}arr1=[{name:'首页'},{name:'它的'},{name:'你的'}]{{item.name}}arr2=[{name:'首页',active:false},{name:'它的',active:false},{name:'你的',active:false}]
想你的风吹到了瑞士·2024-02-01 14:37

vite+vue3+vuex+element-plus项目搭建基础

npmcreatevite创建项目cd项目路径，进入项目npminstall下载依赖npmrundev启动项目main.js是入口文件，所有的执行必须经过main.jsapp.vue根组件实例，挂载在index.html
燕燕的猪·2024-02-01 14:05

Vue+＜el-input＞限制输入小数点后两位

前言ElementUI组件绝大时候可以满足我们VUE项目实操中的需求，但总会有意想不到的功能需求需要我们去进行处理，所以记录如何限制小数点后两位功能。
冰世紀·2024-02-01 14:34

基于ssm的法律咨询系统（有报告）。Javaee项目，ssm项目。

项目介绍：采用M（model）V（view）C（controller）三层体系结构，通过Spring+SpringMvc+Mybatis+Vue+Layui+Elementui+Maven来实现。
气宇轩昂的固执狂·2024-02-01 14:33

Vue3+vite搭建基础架构（2）--- 使用Element Plus

Vue3+vite搭建基础架构（2）---使用ElementPlus说明官方文档vite-demo目录结构说明安装ElementPlus安装命令使用ElementPlus组件组件显示语言为英文问题说明这里记录下自己在
谁不想飞舞青春·2024-02-01 14:02

web前端之若依vue3不能及时获取字典值的解决方案、二次封装若依自带的获取字典方法、watchEffect、watch

MENU前言watch和watchEffect的区别解决若依vue3不能及时获取字典值前言因为请求字典的过程是异步所以没能及时获取到字典数据watch和watchEffect的区别基本使用const{a_type
牧马人MJ682517·2024-02-01 14:32

vue----子组件调用父组件的方法

Vue子组件调用父组件的方法Vue中子组件调用父组件的方法，这里有三种方法提供参考第一种方法是直接在子组件中通过this.
想你的风吹到了瑞士·2024-02-01 14:01

Springboot+vue的健身房管理系统（有报告）。Javaee项目，springboot vue前后端分离项目

演示视频：Springboot+vue的健身房管理系统（有报告）。
气宇轩昂的固执狂·2024-02-01 14:31

前端vue将普通数组转换为父子级的树形结构数组

如果获取的数据具有上下级关系，可以在前后端进行数据处理。这里我通过前端编写一个方法将普通数组转换为父子级的数据。1.编写转换方法，父子级数据主要通过id和父级id进行体现transformTozTreeFormat:function(sNodes){vari,l;varr=[];vartmpMap={};for(i=0,l=sNodes.length;i{console.log(res)if(re
xiaotiaoza·2024-02-01 14:00

vue 将平级数据处理成父子节点数据

场景：在调接口的时候后端反的数据是平级的对象，为了展示符合设计图上的数据，需要将数据进行处理exportdefault{data(){return{PlatformConfirm:[],//改造好的数组},methods:{//将数据改造成父子结构//Platform.serviceOrderItem接口的数据数组Platform.serviceOrderItem.forEach((item)=>
CV章鱼烧·2024-02-01 14:30

一个好用的Vue打印插件库，欢迎使用！

Vue的插件在调用用use会触发install方法，这个方法里面可以拿到Vue（第一个参数）实例对象，进行许多的操作，同时第二个参数options是一个对象，里面可以进行一些配置。
春风得意之时·2024-02-01 14:58

Vue源码中怎么判断一个对象是否为Promise

废话不多说，请直接看源码：functionisDef(v){returnv!==undefined&&v!==null}functionisPromise(val){return(isDef(val)&&typeofval.then==='function'&&typeofval.catch==='function')}
春风得意之时·2024-02-01 14:58

带你全面理解JS模块的标准（AMD、CMD、COMMON.JS 、 UMD、ESM）

在前端的世界演变里，有着几种JS的模块规范，从出现的顺序来说就是：①amd②cmd③common.js④umd⑤esm现在Vue框架里面都是遵守esm规范，不得不说esm是目前最好最流行的一种js规范了
春风得意之时·2024-02-01 14:58

将普通的数组转换为父子结构(vue,element-ui)

将普通的数组转换为父子结构(vue)树形效果:工具类common.js注意:方法里的pid父类id属性,要与你的父类id属性名一致;exportdefault{timestampToTime:(timestamp
_无往而不胜_·2024-02-01 13:56

js将有父子关系的数据转换成树形结构(tree)数据

Vue.prototype.translateDataToTree=(data)=>{letparents=data.filter(value=>value.pid=='undefined'||value.pid
韭伍後·2024-02-01 13:55

vue计算属性和watch的区别

文件路径:http://bbs.daxiangclass.com/?thread-32.htmcomputed是根据页面发生变化而变化,他是用来计算的watch属性是监听页面特定某个状态的变
叮叮当1016·2024-02-01 13:17

vue中关于computed和watch的区别

其次，computed会在vue实例化过程中执行一次（前提是该计算属性在template中有用到，如果没用到，则不会执行），而watch在初始化时，不会执行。
蜗牛Coming·2024-02-01 13:10

pinia---状态管理工具

state、actions、getters对ts支持好vuex和pinia区别1.Vuex`的核心概念有：`state`,`getters`,`mutations`,`actions`,`moudles
香香爱编程·2024-02-01 13:43

vue-01(前端发展史｜Vue介绍｜Vue插值语法｜Vue指令｜style与class使用｜条件渲染)

文章目录一、前端的发展史二、Vue介绍和基本使用1.Vue介绍渐进式框架2.Vue特点3)M-V-VM思想1.MVVM介绍2.MVVM的特性3.MVVM逻辑4)组件化开发、单页面开发单页面开发5)引入方式
`越努力越幸运~·2024-02-01 13:35

vue3 报错解决：无法找到模块“xxx.vue”的声明文件 xxx隐式拥有 “any“ 类型

报错原因：typescript只能理解.ts文件，无法理解.vue文件解决方法：在项目根目录或src文件夹下创建一个后缀为XXX.d.ts的文件，并写入以下内容：declaremodule'*.vue'
影阴·2024-02-01 13:28

vue3（ts报错）：类型“string | undefined”的参数不能赋给类型“string”的参数。不能将类型“undefined”分配给类型“string”。ts(2345)

报错原因：在ts中对类型的要求很高需要转换为对应的类型解决方法：使用强制转换：String(报错的数据)
影阴·2024-02-01 13:28

此表达式不可调用。 类型 “typeof import(“d:/xxx/xxx/xxx/xxx/node_modules/js-sha256/index“)“ 没有调用签名。ts(2349

使用有一定区别需要安装其他依赖包解决在没找到合适的依赖的的情况下关闭ts的检查叶能解决（有时候并不影响业务进行仅报错可以重启尝试）在package.json里面的scripts：{}里面关闭ts检查如下：原代码"type-check":"vue-tsc
影阴·2024-02-01 13:28

Vue3中的watch函数使用

Vue2和Vue3中的watch函数作用是一样的，用来监测数据的变化并在数据变化时触发对应的回调函数，但Vue2和Vue3中的watch在使用的细节上有所不同，Vue3中的watch在监测reactive
iheliang·2024-02-01 12:33

Web前端入门 - HTML JavaScript Vue

ps：刚开始学习web前端开发，有什么不正确、不标准的内容，欢迎大家指出~Web简介90年代初期，Web1.0，静态页面，不和服务器交互，网页三剑客指Dreamweaver、Fireworks、Flash2000年代中期，Web2.0，动态页面，HTML是网页的结构，CSS是网页的外观，JavaScript是网页的行为。Ajax、jQuery等技术。2010年代，移动互联网，响应式设计、单页面应用
小小爱1990·2024-02-01 12:02

如何更新vue脚手架？

流程：1.显示版本低打开cmd后执行创建命令，系统提示版本低，并在下方蓝色字体给出解决方案查询当前版本现在按照命令更新至最新版本2.更新先卸载当前版本再下载最新版本稍作等待，不用动它，记得在这个下载最新版本的过程中，暂停电脑上其它的工作，不然网速不够会显示超时，超时的话，保证网速之后，再执行一边指令就行了更新成功后会报告更新了多少包就更新完毕了再检查一遍版本3.补充过程中如果出现npmnotice
青山科技·2024-02-01 12:25

Vue的EventBus

在更大的Vue.js项目中，您可能会将事件总线抽象为单个文件，将其导入到需要使用的每个组件文件中。这样，它不会污染全局命名空间。
蓝醇·2024-02-01 12:53

一款.NET Core开源的基于Vue+ElementUI开发的博客系统 - StarBlog

前言今天给大家推荐一款.NETCore开源的基于Vue+ElementUI开发的博客系统-StarBlog。该项目配套详细的文章教程，可以作为.NetCore入门项目学习。
追逐时光者·2024-02-01 12:48

组件封装参考

在当下react和vue这么流行的大环境下，相信你一定写过组件。如果你感觉你是职场小白，只从github或者npm下载过一些组件使用，自己没有写过，那么你就错了，你一定写过。
yolkpie·2024-02-01 11:39
上一页 98 99 100 101 102 103 104 105 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他