![](https://img-blog.csdnimg.cn/27c12b1e18834183b407b82c1385e1c3.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
web前端之VUE
文章平均质量分 51
主要是在Vue框架下的一些记录
前端-如此如此。
人守礼,心守静。
展开
-
VUE:img标签加载图片失败时,显示一张自定义默认图片
关于img标签加载图片失败时,显示一张自定义的默认图片原创 2022-07-29 15:46:58 · 15651 阅读 · 4 评论 -
VUE:自定义实现日历表
关于自定义一个日历表(类似windows的日历)原创 2022-05-27 17:48:12 · 7512 阅读 · 2 评论 -
VUE:修改项目运行后,网页中的页签标题与Logo
vue项目运行后,如何修改网页中的页签标题、logo原创 2021-12-10 14:04:16 · 11119 阅读 · 1 评论 -
VUE:项目打包后,如何本地访问
项目打包后,想看一下有没有问题再部署,那么就需要打包后的本地访问,就需要用到插件serve原创 2021-09-10 11:24:43 · 10283 阅读 · 3 评论 -
VUE:axios配置及接口请求路径api配置
关于vue中使用axios请求的配置,注意其中区分Vue2.0和Vue3.0的写法。原创 2021-09-01 12:03:42 · 14307 阅读 · 4 评论 -
VUE:使用element-ui的el-table时,自定义单元格内容,并tab快速切换指定编辑的单元格,而不是把所有能tab切换的都切换一遍
操作 element-ui 的 el-table 时,想要快速tab切换光标到指定的列的输入框中,而不是把一行有聚焦的都tab切换选中一遍(如有el-button时,按tab切换也会切换到它上面去)。并且鼠标单击输入框时,自动全选内容。原创 2021-05-19 10:03:07 · 1677 阅读 · 5 评论 -
VUE:实现点击按钮的复制文本的功能
需求是复制某个格子中的内容,能按快捷键ctrl+v或者鼠标右键进行粘贴。原创 2021-01-15 10:52:04 · 3836 阅读 · 7 评论 -
VUE:指定元素内,鼠标滚轮横向滚动内容
页面上,有纵向滚动的元素,也有横向滚动的元素。由于纵向滚动是默认的,所以就需要把横向滚动事件区分开来。原创 2020-10-14 17:37:19 · 1918 阅读 · 2 评论 -
VUE:实现网页中元素的拖动
实现页面中的元素拖动。原创 2020-09-03 14:01:18 · 2226 阅读 · 3 评论 -
VUE:自己写一个消息提示弹框(类似element-ui的message)
项目中的3D模块操作时,需要提示用户的一些不正确操作,但是又想多一个不再提示的按钮。百度资料并仿照element-ui的message消息提示,写了一个组件方法,效果图如下。原创 2020-08-04 10:26:43 · 12692 阅读 · 4 评论 -
VUE:store存储时,commit和dispatch的区别,附vuex中的配置案例
简介VUE项目中,将数据存储到VUEX中时,分为两种方式:commit和dispatch。具体实现方式一:commit:同步操作,调用的是mutations里的方法(1)存储:this.$store.commit("属性名", "值");// examplethis.$store.commit("username", "大娃");(2)取值:this.$store.state."属性名";// examplethis.$store.state."username";方式二:原创 2020-05-26 17:02:40 · 780 阅读 · 0 评论 -
VUE:实现星级评价,以VUE举例
简介在很多项目中,需要用到对商品、订单、服务等的评价功能,其中使用星级评价是一种快捷表现满意度的体现。接下来以VUE项目环境列举一个实例。具体样式的话,需要自己根据项目实际情况进行修改。具体实现// HTML<div class="flexRowStartCenter effectAndAttitudeBox"> <div class="standardTitle"&...原创 2020-03-26 10:10:33 · 1185 阅读 · 0 评论 -
VUE:快速实现一个省市区的级联选择器
项目中,大概率会有选择地址的需求,但是在没有组件可用的情况下,就需要自己实现一个,接下来就以VUE项目为基础进行实操。原创 2020-05-20 15:40:09 · 4133 阅读 · 6 评论 -
VUE:v-for循环出来的el-form,js如何进行总的表单验证
页面上,会有循环多个表单并验证的需求。如:左侧一个菜单,一个菜单下有多个规则,一个规则一个表单(之所以没有全部用一个表单的原因是要在切换规则时,保留之前所有的验证红色提示)。原创 2020-05-20 14:56:20 · 4123 阅读 · 2 评论 -
VUE:JS中进行数组对象赋值,页面不能实时回显
简介VUE项目中,有时候进行数组对象赋值时,不能实时回显到页面中,但是打印又有新的数据在里面。具体实现场景一:对象赋值新的属性时,页面不能回显。原因:该对象本身是没有这个属性的。解决方案: this.$set(obj, 属性名, 属性值);案例如: this.$set(obj, "name", "张三");场景二:数组赋值新的属性时,页面不能回显。原因:VUE中由于 J...原创 2020-04-09 17:47:31 · 4613 阅读 · 0 评论 -
VUE:md5签名加密
简介具体实现方法一:npm安装:npm install --save js-md51.在需要使用的项目文件中引入:import md5 from 'js-md5';使用:md5('hello world');方法二:2.或者在main.js文件中将md5转换成vue原型:(1) import md5 from 'js-md5';(2) Vue.prototype.$m...原创 2020-04-01 14:56:12 · 799 阅读 · 0 评论 -
VUE:搜索框动态提示(使用了elementUi的提示组件)
简介VUE项目中,需要实现用户输入内容,然后边输入边动态查询是否要模糊匹配的值,并实时展示给用户。注意:此处是引入了elementUI框架的。具体实现// HTML: <el-autocomplete v-model="hospitalName.hospitalName" placeholder="请输入搜索值" label-name="标题名称" :fetch-suggestio...原创 2020-03-26 15:55:11 · 2455 阅读 · 1 评论 -
VUE:返回页面顶部
简介VUE项目中,需要做一个浮窗,点击浮窗返回页面顶部。具体实现 data () { return { // 下滑到一定位置才显示按钮控件 visible: false, scrollTop: 0 } }, // 获取屏幕高度 mounted () { window.addEventListener(...原创 2020-03-26 15:49:55 · 734 阅读 · 0 评论 -
VUE:iframe访问并展示外部网址或者视频
简介在H5网址、APP等项目中,会有访问外部链接、播放网上视频的需求。具体实现上一个页面,传入三个 参数,分别是type(0 图文,1 视频,注意最好是用字符窜的格式)、url(图文或视频的网络外部链接地址)、logoUrl(logo图,用来展示视频封面用的)。<template> <div> <iframe v-if="materialData....原创 2020-03-26 14:54:49 · 6100 阅读 · 1 评论 -
VUE:实现模块分类展示数据列表
简介项目中,会有一个模块展示多个类别的数据,点某一个标题只展示相关的内容。具体实现<template> <div> <div class="classifyToolBox"> <div class="flexRowStart classifyToolBar"> <div v-for="(item, ...原创 2020-03-26 10:55:23 · 4571 阅读 · 2 评论