element-ui官网也有使用说明，所以这里直接上代码！<template><el-table :data="myData" :row-class-name="tableRowClass" :header-cell-style="headeRowClass"><el-table-column label=...

element-plus,vue3.0,value-format

在之前做个一个组件页面中，引用了element-ui组件的日期选择器，遇到的一个小问题，就是在渲染出来下拉选择框的位置上出现问题，第一次渲染出来，位置正常，第二次选择的时候，发现位置偏得离谱。解决在做显示隐藏的时候，用的是 v-if ，如果不了解v-if 和 v-show 的区别的话可以去vue官网或者百度一下。解决方法就是你把v-if换成v-show就行了。如果你用v-if的话每...

在vue项目中 自定义腾讯 与 百度经纬度互转方法//腾讯地图转百度地图经纬度Vue.prototype.TxMapTransBMap=function(lng, lat) {//经度，纬度let x_pi = Math.PI * 3000.0 / 180.0;//Math.PI ~ 3.14159265358979324let x = lng;let y = lat;let z = Math.s

自定义指令除了Vue核心的内置指令(例如：v-model 和 v-show等)以外，Vue也允许自己定义指令。虽然Vue是避免我们操作DOM元素的，但是，在有的情况下，我们需要对DOM元素进行底层操作，这个时候我们就会用到自定义指令。Vue全局自定义指令接下来用自动获取焦点这个小例子，来介绍一下全局自定义指令。注意：Vue.directive(‘参数名称’,{})定义全局指令...

vuex的getters类似于计算属性。但是我遇到的问题是，第一次在getters中可以获取到state的数据更新了，但是之后就不会获取到。官方文档好像说：getter 在通过属性访问时是作为 Vue 的响应式系统的一部分缓存其中的；而getter 在通过方法访问时，每次都会去进行调用，而不会缓存结果。把原来的写法换成方法来写。//gettersmySelf(state){...

在搭建vue3.0项目的时候，配置路由这一块，变化还很多的，遇到这个错，找半天也没发现，最后才发现在定义路由模式的时候，之前的做法是mode属性来定义，vue3.x废除了mode改用history ,而从vue-router 中对应的模式api实现，createWebHistory -> history它就对应vue2.x版本的history模式import { createRouter,

文章目录第一种方法安装vue脚手架的时候可以关闭。第二种方法已经搭建好项目了，在项目配置文件中关闭。我们在使用vue-cli 脚手架的时候，为了规范代码格式，会有一个代码检测，如果不符合就会报错，如果我们自己写代码不想用，我们可以去关闭。我目前只知道这两种方法注：我本人觉得，如果在开发项目的时候，防止团队代码格式不统一的各种问题，建议装上代码规范检测，如果私下写代码，可以暂时不装，不过我感觉养..

说明： vm.$refs 是一个对象，拥有已注册过 ref 的所有元素(或者子组件)使用： 在HTML元素中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意： 如果获取的是一个子组件，通过 ref 就能获取到子组件中的 data 和 methods添加 ref 属性<div id='app'><input type="butto

首先安装npm i file-saver -Snpm i xlsx -S<button @click='downTable'>下载表格</button><el-table id="my-table"></el-table>downTable(){var xlsxParam = { raw: true };var wb = XLSX.utils.tab