随笔分类 -  【vue】

1 2 下一页

vue系列---【vue 使用decimal.js 解决小数相加合计精确度丢失问题】
摘要:1. 使用 npm 安装 decimal.js 库 ```vue npm install decimal.js ``` 2.在 Vue 组件中引入该库 ```vue import Decimal from 'decimal.js'; ``` 3.使用示例 ```vue footerMethod({c 阅读全文

posted @ 2023-06-01 21:45 码农小小海 阅读(2535) 评论(0) 推荐(0) 编辑

JS系列---【判断是否是标准时间】
摘要:if(Object.prototype.toString.call(this.form.timeDate) '[object Date]'){ let time = new Date(this.form.timeDate); let newTime = time.getFullYear() + '- 阅读全文

posted @ 2023-03-08 20:09 码农小小海 阅读(204) 评论(0) 推荐(0) 编辑

vue系列---【nodejs+express或vue项目实现url编码和解码】
摘要:开发场景: 项目A 跳转到项目B,现需要在跳转到B页面的时候把A页面cookie中存储的token通过url拼接传递,B页面获取,现在是在A页面中,token自动编码存到cookie(正常不会自动编码的),现在在跳转之前要取出token,取出的token是自动解码过的(是原始数据),然后拼到url上 阅读全文

posted @ 2022-04-25 18:44 码农小小海 阅读(304) 评论(0) 推荐(0) 编辑

vue系列---【el-upload+vue获取文件的md5值】
摘要:一、什么是文件md5 MD5的是让大容量信息在用数字签名软件签署私人密钥前被压缩成一种保密的格式。 MD5是文件签名,相当于我们的身份证 独一无二的。 二、怎么生成文件md5码值 1安装依赖 npm install spark-md5 --save 2导包 import SparkMD5 from 阅读全文

posted @ 2022-04-15 17:36 码农小小海 阅读(2791) 评论(0) 推荐(0) 编辑

vue系列---【vue中slot的使用方法】
摘要:src/view/child.vue <template> <div style="width:300px;height:50px';border:1px solid #333"> <h3>我是子组件</h3> <!-- 1-2 插入slot 即展示写入的内容 --> <!-- 插槽分类: 默认插槽 阅读全文

posted @ 2022-04-08 14:14 码农小小海 阅读(161) 评论(0) 推荐(0) 编辑

vue系列---【兄弟组件之间实现传值】
摘要:第一步:创建一个js文件 导出vue实例vueEvent src/vueEvent.js // 第一步:引入个空的vue实例 import Vue from 'vue' // 第二步:实例化这个空的vue var vueEvent = new Vue(); // 第三步:将它暴露出去 export 阅读全文

posted @ 2022-02-15 14:34 码农小小海 阅读(312) 评论(0) 推荐(0) 编辑

vue系列---【vue使用ref获取高度为underfind和resetFields()重置功能无效】
摘要:1.开发情景:vue页面实现表单重置功能 和获取高度,采用的是ref获取节点 ,首先在form上绑定ref="form", 最后在生命周期中 比如created中 获取节点this.$refs['form'],现在要获取高度,this.$refs['form'].clientHeight返回unde 阅读全文

posted @ 2022-01-18 17:45 码农小小海 阅读(1818) 评论(0) 推荐(0) 编辑

vue系列---【vue路由$route.go(-1)返回使用KeepAlive保持原页面数据不更新】
摘要:场景:开发vue页面中,a页面有form表单 可以选择数据,之后点击第一条数据就跳转到b页面 ,然后再从b页面返回原来的页面,要实现原来的页面form数据保持不变 ,这里返回用的是@click="$router.go(-1)" 解决思路:在路由入口处包裹一层<keep-alive></keep-al 阅读全文

posted @ 2022-01-06 16:17 码农小小海 阅读(1823) 评论(0) 推荐(0) 编辑

vue系列---【element ui table中render函数加if的使用】
摘要:摘要:在table中 某一列数据的字段展示不同,可以使用render函数加if实现效果 数据是这样的: data: [ { type: 0, }, { type: 0, }, { type: 0, children: [ { type: 1, }, { type: 1, }, ], }, { typ 阅读全文

posted @ 2021-12-29 14:03 码农小小海 阅读(457) 评论(0) 推荐(0) 编辑

vue系列---【vue swiper插件实现图片轮播效果】
摘要:参考以下网址:https://www.jianshu.com/p/5b66e647f211 阅读全文

posted @ 2021-12-29 13:49 码农小小海 阅读(56) 评论(0) 推荐(0) 编辑

vue系列---【sessionStorage的setItem和getItem使用】
摘要:#### 一、vue文件使用sessionStorage:(简单存值取值) 1.存储数据:sessionStorage.setItem('取得k的名字','要存储的值') ```vue sessionStorage.setItem('loadClaim','this.node') ``` 2.获取数 阅读全文

posted @ 2021-12-29 13:39 码农小小海 阅读(3973) 评论(0) 推荐(0) 编辑

vue系列---【watch的使用方法及immdiate、deep解决组件传值中数据改变视图不更新等常见问题】
摘要:摘要:在vue页面中 组件之间的传值 务必会使用watch方法监听传过来的值,根据值得变化做相应的逻辑变化,但是使用watch 会遇到 数据改变,视图不更新的问题、数据不发生变化 无法触发watch里边的逻辑等两个常见的问题 解决方案:watch中的immdiate和deep两个属性就能解决以上问题 阅读全文

posted @ 2021-12-29 11:08 码农小小海 阅读(771) 评论(0) 推荐(0) 编辑

vue系列---【element ui 处理图片流及实现多张图片轮播】
摘要:<template> <div v-viewer="viewOps"> <el-carousel :indicator="false" :autoplay="false"> <el-carousel-item v-for="(img,index) in images" :key="index"> < 阅读全文

posted @ 2021-12-27 14:59 码农小小海 阅读(2911) 评论(2) 推荐(0) 编辑

vue系列---【element ui 行内三元表达式的使用及实现行内switch按钮加文字】
摘要:<template> <el-table :data="tableData"> <el-table-column prop="invChecked" label="审核状态"> <template slot-scope="scope"> <span>{{scope.row.invChecked "0 阅读全文

posted @ 2021-12-27 14:12 码农小小海 阅读(1158) 评论(0) 推荐(0) 编辑

vue系列---【post 和 get 请求书写及使用】
摘要:1.先引入request: import request from "@utils/request" 2.导出POST请求 export function listPost(params){ return request({ url:'url', method:'POST', data:{ ​ .. 阅读全文

posted @ 2021-12-27 10:39 码农小小海 阅读(452) 评论(0) 推荐(0) 编辑

vue系列---【vue+element 三元表达式多条件实现功能】
摘要:<el-table-column min-width="80" prop="invChecked" label="审核状态" align="center"> <template slot-scope = "scope"> <span>{{scope.row.invChecked '0' ?'未审核' 阅读全文

posted @ 2021-12-02 13:56 码农小小海 阅读(534) 评论(0) 推荐(0) 编辑

vue系列---【行内使用三元表达式添加样式】
摘要:<span :style="{'display':isshow ? 'block':'none'}" >动态绑定样式</span> 阅读全文

posted @ 2021-12-02 13:44 码农小小海 阅读(682) 评论(0) 推荐(0) 编辑

工作总结系列---【vue页面实现导出效果的两种方法】
摘要:工作情景:在工作中,页面有一个导出表格按钮,点击就会出现表格,作为工作小白,第一次遇到这个问题不知道如何把表格从底部弹出,不过最后实现效果了 实现步骤: 方法一:后端返回的是一个文件流形式的(需要处理文件流,转为blob) 1.封装请求: ecport function exportTableApi 阅读全文

posted @ 2021-08-09 20:36 码农小小海 阅读(158) 评论(0) 推荐(0) 编辑

vue系列---【封装拦截器、封装axios的get post请求】
摘要:1、项目文件下src文件夹=>request文件夹=>http.js和api.js http.js // 封装拦截器 // 封装get post // 1.引入模块 import axios from "axios" import qs from "qs" import Vue from "vue" 阅读全文

posted @ 2021-05-20 00:11 码农小小海 阅读(439) 评论(0) 推荐(0) 编辑

vue系列---【UI库、VScode编辑用户代码片段、stylus css预处理器】
摘要:#1.Vue 组件库(UI库) 栅格布局、布局、button、form、data展示、反馈组件、其他 element-ui PC端 1.官网: https://element.eleme.cn/#/zh-CN 2.下载 npm i element-ui --save 3.引入 //引入element 阅读全文

posted @ 2021-05-19 23:29 码农小小海 阅读(92) 评论(0) 推荐(0) 编辑

1 2 下一页
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示