logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element-ui表格列金额显示两位小数

对于金额的显示,大多情况下需要保留两位小数,比如下面的(表格采用 element-ui):在vue.js中,对文本的处理通常是通过设置一系列的过滤器,过滤器可以用在两个地方:双花括号插值 和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。定义过滤器filters: {rounding (value) {return value.toFixed(2)}}...

vue 父页面向子页面传递数据

父页面index.vue<template><div class="hello"><Children :name="name"></Children></div></template>&l...

vue 根据数组中某一项的值进行排序

一、前言我在vue项目中遇到了一个表格排序的需求,根据某一项的值的大小从大到小调整数组顺序。二、代码表格大概是这个样子,样式和图片在代码中简化了。<table class="recommend_table" cellspacing="0">&l

vue 判断是否登录,未登录跳转到登录页

网页一进入判断是否登录,未登录跳转到登录页面router.jsexport default new Router({routes: [{path: '/',name: 'HelloWorld',component: HelloWorld,meta: {title: '首页',type:...

Vue 实现展开折叠效果

Vue 实现展开折叠效果效果参见:https://segmentfault.com/q/1010000011359250/a-1020000011360185上述链接中,大佬给除了解决方法,再次进行总结,方便以后使用。除了使用jQuery的方式实现上述效果,同样可以在Vue实现,下面是解决办法:1、创建collapse.js文件const elTransition ="0.3s ...

一步步搭建 VuePress 及优化【插件系列】

介绍在之前为了搭建 VuePress 的文档,顺带制作了视频教程,如今准备再次搭建一个 VuePress 的项目,一看自己的视频竟然有五个小时,天呐,我只是需要过一遍而已,所以重新整理成文档吧,万一将来又要用呢……当然,如果您觉得文字版不够直观,可以前往观看视频版: 【☛ 视频地址 ☚】 ,当时录制完本地测试后觉得声音大小还可以,结果一套录完了才发现声音很小,所以推荐带上耳机。VuePres...

vue 数组遍历方法forEach和map的原理解析和实际应用

一、前言forEach和map是数组的两个方法,作用都是遍历数组。在vue项目的处理数据中经常会用到,这里介绍一下两者的区别和具体用法示例。二、代码1. 相同点都是数组的方法都用来遍历数组两个函数都有4个参数:匿名函数中可传3个参数item(当前项), index(当前项的索引), arr(原数组),还有一个可选参数this匿名函数中的this默认是指向window的对空数组不会...

element-ui表格列金额显示两位小数

对于金额的显示,大多情况下需要保留两位小数,比如下面的(表格采用 element-ui):在vue.js中,对文本的处理通常是通过设置一系列的过滤器,过滤器可以用在两个地方:双花括号插值 和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。定义过滤器filters: {rounding (value) {return value.toFixed(2)}}...

vue的table组件

一个vue-table的组件说明:1.基于element-ui开发的vue表格组件。功能:1.支持树形数据的展示2.行拖拽排序3.单元格拖拽排序github使用方法:1.下载npm包:你的VUE项目的根目录底下运行:npm install ele-table```2.引入本npm包并注册为vue的组件:例如:在需要使用的vue页面中:```<tem...

vue中prop属性传值解析

刚接触前端开发的小伙伴或许不熟悉prop属性,但是有react框架经验的小伙伴肯定很熟悉它,我一直在用props属性,但到今天我才有时间整理prop属性的用法。废话不多直入主题。1.prop的定义:在没有状态管理机制的时候,prop属性是组件之间主要的通信方式,prop属性其实是一个对象,在这个对象里可以定义一些数据,而这些数据可以通过父组件传递给子组件。2.prop定义的数据类型...

    共 13 条
  • 1
  • 2
  • 请选择