vue
白开水z
世界太浮躁,别人都稳不住时,你稳住就赢了
展开
-
教你简单搞定webSocket前端代码
教你简单搞定websocket原创 2023-01-06 09:19:35 · 1048 阅读 · 0 评论 -
发布自己的第一个npm包
三个步骤:①创建项目②上传到github③发布到npm①创建项目:(1)创建一个名为test的文件夹:mkdir test(2)进入到test文件夹里创建名为npm_test_z项目(默认vue3.x):vue create npm_test_z 或者vue create npm_test_z -y②上传到github:注:如果还没有github账号就去注册一个。(1) 在github上创建一个仓库,复制https地址。(2) 进到项目根目录下,输入以下命令:git add .git原创 2022-02-18 16:58:55 · 393 阅读 · 0 评论 -
ant design vue input-number验证信息一直提示验证不了
验证时会报这个错误,不是有效的类型名称只需要加个类型就行了原创 2021-11-08 10:22:33 · 1016 阅读 · 0 评论 -
vue3使用ant design vue点击表格行事件
<a-table :rowClassName=" (record, index) => (index % 2 === 1 ? 'table-striped' : null) " class="ant-table-striped" :columns="columns" :data-source="orderList" :customRow="rowClick" //点击行事件 }} &.原创 2021-10-15 15:34:06 · 1992 阅读 · 0 评论 -
js字符串倒序输出
function reverseStr(str) { var newStr = ""; for (var i = str.length - 1; i >= 0; i--) { // newStr += str[i]; //或者 newStr += str.charAt(i); //charAt(i);这个函数是返回字符串中下标为i的那个字符; } return newStr; } cons.原创 2021-09-16 15:01:19 · 1259 阅读 · 0 评论 -
vue element-ui el-cascader级联选择器数据回显 简单的两种方法
vue element-ui el-cascader级联选择器数据回显 简单的两种方法 <el-cascader ref="myCascader" clearable v-model="regionValue" :options="regionOptions" :props="regionProps" @change="handl原创 2021-06-30 13:42:25 · 6017 阅读 · 10 评论 -
将数组里某个属性相同的对象合并成一个数组
var array=[ {id:1,name:'小明',sex:'男'}, {id:2,name:'小刚',sex:'男'}, {id:3,name:'小红',sex:'女'}, {id:4,name:'小花',sex:'女'}, {id:5,name:'小甜甜',sex:'女'}, ] var obj={},newArr=[]; array.forEach(function(item,suffix){转载 2021-06-29 16:26:49 · 1504 阅读 · 0 评论 -
vue keep-alive第一次无效问题以及解决办法
使用keep-alive场景:列表页 -> 详情页 ->列表页(使用keep-alive缓存列表页)方法一:这种方法不管从哪个页面返回到list页面,list页面都不刷新,不建议使用 <!-- 注:list是组件名 --> <keep-alive include="list"> <router-view /> </keep-alive><!-- 注:在所需缓存的页面定义组件名 -->原创 2021-06-09 17:33:54 · 4734 阅读 · 14 评论 -
vue 实现前端excel导出表格携带token的两种方法
场景一:后端返回一个api接口,直接点击按钮就能下载Excel文件时:<!-- 注:excelUrl绑定的是后端返回的api接口 --><el-link :href="excelUrl"> <el-button type="primary" plain>导出数据</el-button></el-link>场景二:后端返回的是一堆数据,然后自己导出Excel格式文件时:(1)npm下载模块 cnpm install vue-js原创 2021-05-25 17:40:02 · 1714 阅读 · 0 评论 -
vue element-ui el-date-picker日期选择器 清空按钮之坑
watch监听选择器 点击清空按钮时会报错这是因为Element-ui中没有内置清除按钮的回调函数, 当点击清除按钮的时候,value会被设置为null。因此要解决这个bug,我使用的方法是在下次调用之前,为value重新赋值 if (!newData) { newData = [] }因为Element-ui中没有内置清除按钮的回调函数,所以clear事件不生效我就在为value重新赋值时添加我要做的事:watch: { time_v原创 2021-04-03 11:44:24 · 16710 阅读 · 5 评论 -
vue 后台返回的一维数组怎样变成二维数组
放一下效果图实现代码 //重新封装成二维数组 var list = res.data.records //获取后台数据 这个不多赘述 let groups = [] let Data = [] list.map((v, i) => {//遍历后台返回的一维数组 groups.push({//提取所需字段重新封装成数组 name: v.name, }) Data.push({//提取所需字段重新封装成tableDa原创 2021-03-28 11:25:50 · 2329 阅读 · 0 评论 -
element upload上传组件 如何去掉删除按钮
加个disabled 就可以了 效果图原创 2021-02-28 18:13:12 · 6422 阅读 · 4 评论 -
router.beforeEach((to, from, next) 路由导航守卫 页面出现了白屏,但没有报错
今天用路由守卫页面出现了白屏,但没有报错。// 挂载路由导航守卫router.beforeEach((to, from, next) => {if (to.path === '/login') return next()//获取tokenconst tokenStr = window.localStorage.getItem('token')if (!tokenStr) return next('/login')next()})然后发现是这的问题把这改成这样就可以了注意改了原创 2020-12-22 10:17:12 · 3023 阅读 · 0 评论