
vue功能
Min_nna
愿岁月安好,未来可期。
展开
-
上一天周/月,下一天/周/月 封装组件
uni-app上一天周/月,下一天/周/月 封装组件。原创 2025-02-28 13:58:58 · 359 阅读 · 0 评论 -
Vue.js组件开发
Vue.js 是一个流行的 `JavaScript` 框架,用于构建用户界面和单页应用程序。开发 Vue.js 组件是 Vue.js 开发的核心部分。下面是一些关于 Vue.js 组件开发的基本概念和示例。原创 2024-10-29 10:33:40 · 371 阅读 · 0 评论 -
nginx部署前端vue项目
如果你希望通过 HTTPS 访问你的应用,可以使用 Let’s Encrypt 免费证书。按照这些步骤,你应该能够成功在 Nginx 上部署你的 Vue.js 应用。如果遇到任何问题,请检查 Nginx 日志文件(通常在。在浏览器中输入你的域名或 IP 地址,应该能够看到 Vue.js 应用。如果你使用的是本地环境,可以输入。首先,确保你已经完成了 Vue.js 项目的开发。这将生成一个 dist 文件夹,里面包含了可以部署到 Nginx 的静态文件。按照提示完成证书获取。原创 2024-09-04 10:05:59 · 588 阅读 · 0 评论 -
使用js将“2024-05-10T01:24:56.0002”转化为年-月-日 时:分
要将字符串转换为格式年-月-日 时:分,你可以使用 JavaScript 的Date对象来解析这个字符串,并使用一些字符串操作来格式化输出。原创 2024-08-21 15:52:01 · 508 阅读 · 0 评论 -
Web 前端三大主流框架
React 是由 Facebook 开发和维护的开源 JavaScript 库,用于构建用户界面,特别是单页面应用(SPA)。React 主要关注于视图层,采用组件化的开发模式。Vue.js 是由尤雨溪开发的开源 JavaScript 框架,用于构建用户界面。Vue.js 采用渐进式架构,可以逐步应用于项目中。Angular 是由 Google 开发和维护的开源 JavaScript 框架,用于构建复杂的单页面应用。Angular 是一个完整的框架,提供了丰富的功能和工具。原创 2024-06-12 09:15:50 · 1699 阅读 · 1 评论 -
如何快速上手Vue框架
官方文档:Vue 的官方文档是学习 Vue.js 最好的资源。它详细介绍了 Vue 的所有特性和API。一旦你安装了 Vue,你可以开始创建你的第一个 Vue 应用。原创 2024-03-13 08:40:44 · 375 阅读 · 0 评论 -
uni-app切换页面刷新,返回上一页刷新(onShow钩子函数的使用)
方法一:直接在onShow()生命周期调用方法;方法二:使用uni.navigateBack回调上一个页面的onLoad方法。原创 2024-02-02 10:20:31 · 1865 阅读 · 0 评论 -
预览PDF并显示当前页数
需求:预览并且根据当前pdf的高度切换页数(不是根据屏幕高度切换的),返回顶部。在mounted函数中 需要调用下述方法 获取pdf的总页数。此时页面即可正常实现pdf预览。该实例为写公众号嵌入h5页面。2.在需要的页面,引入插件。单页pdf可以直接使用。多页pdf通过循环实现。原创 2023-11-14 11:44:31 · 1378 阅读 · 0 评论 -
正则表达式:验证中英文长度限制16个字符(8个中文),支持中文字母数字或者下划线
1.支持中文字母数字或者下划线。2.长度限制16个字符(8个中文)原创 2023-11-14 11:14:27 · 1982 阅读 · 0 评论 -
兼容iphone(ios)圆角(border-radius)不起作用的问题
该问题出现主要是因为ios中使用transform导致,可在期望设置overflow: hidden;的元素上(当前例子即.swiper-outbox)设置。当轮播图中,将属性设置在父级,每个图片都有border-radius,这样显得不美观.原创 2023-11-13 11:11:49 · 2428 阅读 · 0 评论 -
Vue 设置proxy后post请求失效,pending挂起
【代码】Vue 设置proxy后post请求失效,pending挂起。原创 2023-04-14 10:02:49 · 981 阅读 · 0 评论 -
vue 项目中使用video实现视频播放效果暂停播放(多个视频)
vue 控制video视频的播放暂停(多个视频)根据ref判断是否暂停状态返回。在main.js中引用。安装video.js。原创 2022-12-13 13:40:24 · 5890 阅读 · 0 评论 -
Element UI 表格嵌套表单、输入框、选择框
有时候我们需要一次添加多条数据,这个时候我们就可以使用表格嵌套表单、输入框和选择框等等的方式,添加保存和修改数据。这是以前做的:点击加一行就会增加一行,点击编辑该行才可以填写修改数据,避免不必要的错误。原创 2022-12-13 13:19:47 · 1709 阅读 · 0 评论 -
vue 对象数组去重
其实很简单,一般的数组去重可以直接用 new Set() 方法即可,但是数组对象的话,比较复杂,不能直接用,我们可以采取间接的方法来去重。原创 2022-10-17 09:05:04 · 8980 阅读 · 0 评论 -
ios移动端(手机、ipad)使用el-select的远程搜索无法唤起软键盘
ios移动端使用el-select组件的远程搜索可输入无法唤起软键盘原创 2022-06-08 11:57:15 · 2164 阅读 · 1 评论 -
es6 filter数组过滤方法
1.创建一个数组,判断数组中是否存在某个值 var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'aa2' } ] console.log(newarr.filter(item => item.num===2 ))2.也可以通过上面方法过滤掉num为2的留下num为1的 var newarr = [ { num:原创 2022-04-07 13:30:31 · 7022 阅读 · 0 评论 -
js或vue获得用户选择的label和value
value值是可以直接获取,vue通过双向绑定v-model,js或jq事件获取下面获取label的代码,arrUnitList是value和label对应的数组对象数据例子arrUnitList:[{ value:'000', label:'ms' }, { value:'111', label:'s' }]checkItemName是获取到的value值myUnit = arrUnitList.find(item => item.value === checkItemNa原创 2022-02-25 11:31:54 · 1207 阅读 · 0 评论 -
统计代码使用(友盟)vue
官网图例:在这里插入图片描述注:移动端(vue)直接写在click事件中不起作用var _czc = _czc || [];_czc.push(['_trackEvent','新年红包页','登陆','进入登陆']);可使用下面此方法(在click事件中)window._czc.push(['_trackEvent','新年红包页','登陆','进入登陆']);例:...原创 2022-02-16 15:48:45 · 810 阅读 · 0 评论 -
vue-cli3.0项目中使用.ttf字体
1、下载字体此处下载的字体为HarmonyOS_Sans_SC_Medium2、将下载好的字体放到项目的assets下,同时新建font.css文件3、font.css中配置字体//多个字体可多个引入@font-face { font-family: 'HarmonyOS_Sans_SC_Medium'; src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf'); font-weight: normal; font-style: nor原创 2021-10-22 15:21:41 · 1374 阅读 · 1 评论 -
使用ssh推送github代码
在github 上面,创建了仓库。然后使用git clone https://github.com/TomasYu/AlgorithmsLearn.git成功clone 到 本地,然后使用ssh-keygen 生成了ssh 证书,并且把公约添加到了github 账号里面。但是每次还是让我登录,很麻烦。原因是:使用ssh 登录的话, 后面的地址就不能是https开头,需要时git@XXXX那么怎么看到仓库ssh 的地址是什么?可以看到这里是可以切换的,这时候我们把当前仓库的远程地址,改成git@X原创 2021-10-22 15:18:01 · 327 阅读 · 0 评论 -
vue elementUI table表格自定义表头,按照表头顺序展示表格
自定义表头,按照表头顺序展示在接收到后台返回的excel表格内容(表头和表数据对应不上)被打乱,按照Excel表格内容顺序展示数据<el-table :data="tableData" stripe border style="width: 100%;height:700px;"> <el-table-column v-for="(item, index) in heads" :key="index" :label="item.header"> <te原创 2021-10-21 10:25:07 · 1740 阅读 · 0 评论 -
vue实现点击图片放大图片
转自这篇文章学习的:https://blog.youkuaiyun.com/y895315416/article/details/82963396?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2aggregatepagefirst_rank_v2~rank_aggregation-6-82963396.pc_agg_rank_aggregation&utm_term=%E7%82%B9%E5%87%BB%E5%9B%BE%E7%89原创 2021-04-12 15:10:06 · 704 阅读 · 0 评论 -
上拉加载,下拉刷新Vant框架 移动端
<van-pull-refresh v-model="isLoading" pulling-text="下拉刷新" loosing-text="正在刷新" loading-text="正在刷新" success-text="刷新成功" @refresh="onRefresh"> <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" :immediate原创 2021-04-12 15:03:39 · 247 阅读 · 0 评论 -
如何向localStorage上的数组push数据
localStorage只能存储String,要用Json对象转化下:var arrayObject = [];arrayObject.push('a','b','c');localStorage.setItem("array",JSON.stringify(arrayObject));var arrayObjectLocal = JSON.parse(localStorage.getItem("array"));arrayObjectLocal.push('d','e','f');for .原创 2021-04-12 14:55:27 · 1274 阅读 · 0 评论 -
vue中使用filter进行数组去重
vue中使用filter进行数组去重一般的数组去重可以直接用 new Set() 方法即可,但是数组对象的话,比较复杂,不能直接用,我们可以采取间接的方法来去重unique(arr) { const res = new Map(); return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1))}...原创 2021-04-12 14:52:22 · 2481 阅读 · 0 评论 -
改变表格中表头、行 样式element ui
改变表格中样式element ui方法一html <el-table :data="data_list" :cell-style="timeStyle"> //表格内容 </el-table>jsmethods:{ timeStyle(column) { for(var i=0;i<column.row.length;i++){ if(column.row[i] === '未完成'&&column.columnIn.原创 2021-04-09 18:05:02 · 342 阅读 · 0 评论 -
Element UI Upload 组件 上传图片可删除、预览;设置只允许上传单张 / 多张图片的操作
Element UI Upload 组件 上传图片可删除、预览;设置只允许上传单张 / 多张图片的操作原创 2021-04-08 18:39:22 · 11038 阅读 · 10 评论 -
富文本内图片大小调整,判断有无图片,限制图片大小
//限制富文本内图片大小,有无图片,限制图片大小 const theEle = this.$refs.text; //获取到元素 console.log(theEle.value);//获取到富文本内容 var img=theEle.value.match(/<img[^>]+>/g);//筛选img标签 if(img==null){//判断有无图片 this.$message("请上传图片"); return false } var arrImg = '原创 2021-04-08 18:14:53 · 1193 阅读 · 0 评论 -
vue 富文本编辑器使用quill(可上传图片)
//命令(下载依赖)npm install vue-quill-editor -–savenpm install quill --save//页面<quill-editor ref="text" v-model="dataForm.content" class="myQuillEditor" :options="editorOption"/>//引入import Quill from "quill";import { quillEditor } from "vue-quil原创 2021-04-08 18:06:16 · 222 阅读 · 0 评论