logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

VUE-flex布局之 align-self 单个交叉轴对齐方式(11)

1、外部容器display:flex; 可以设置的6个属性,如下:flex-direction元素排列方向flex-direction:row|| row-reverse ||column || column-reverse元素排列方向: (从左往右)默认 || (从右往左) || (从上往...

基于vue的element组件Checkbox多选框【竖向多列】展示

需求:9个国家,每列展示5个,竖向排列1、分列对9个国家数组进行截取handleCountrysList(num,countryList.length),划分每列显示的数据this.countryList=[{cid:'1',cname:'中国'},{cid:'2',cname:'美国'},{cid:'3',cname:'法国'},...

文章图片
#vue.js#前端
VUE-使用element实现图片预览功能

业务逻辑描述:获取图片成功时,图片展示,可点击进行预览;获取失败时,图片显示默认的,不可点击不能预览;点击哪张图片,预览时这张图片显示在第一个,点击左右键可滑动查看图片;成功时:失败时:预览时:预览图片组件 showPreview.vue 实现技术点:图片的高度固定是82px,宽度需要根据实际情况决定,这时候可以写一个v-width指令,用来设置图片的宽度,可以...

Vue-cli3实现web百度离线地图(v3.0)开发

需求实现web百度离线地图(v3.0)开发项目环境Vue-cli3,目录如下,注意:需要把地图相关的文件放在public下,vue-cli2需要放在static下!!!参考主要参考下面两位大佬的文章vue-cli2+百度地图(v2.0)https://blog.csdn.net/PGguoqi/article/details/97127746vue-cli2+百度地图(v3.0)https://b

VUE-从添加界面返回原页面时,新增数据自动刷新,使用监听路由来实现监听缓存数据

功能简介:1、主页面路径mainpage、添加界面路径addpage2、默认显示全部tab,只有一个添加按钮3、点击添加按钮,跳转到添加界面,添加新数据后,返回原界面,新添加的数据即时显示出来关键点:1、利用缓存存储新添加数据的创建时间、专家类型2、当路由变化时,判断缓存数据是否变化,变化则触发下拉刷新事件;否则,不进行任何操作实现步骤:1、在添加界面,点击提交按...

VUE-flex布局之flex-shrink 缩小比例(9)

1、外部容器display:flex; 可以设置的6个属性,如下:flex-direction元素排列方向flex-direction:row|| row-reverse ||column || column-reverse元素排列方向: (从左往右)默认 || (从右往左) || (从上往...

VUE-借助element实现下拉列表的三级联动效果

功能简介:初始化时,只有“类型”有数据,“分类”、“子类”均无数据点击“类型”,触发方法,获取“分类”数据,“子类”仍无数据点击“分类”,触发方法,获取“子类”数据“类型”、“分类”、“子类”是顺序的单向关系,前一个影响后一个点击【重置】,返回初始化状态实现步骤:1、dom结构、data数据,注意在“类型”项设置触发方法funChange : this....

VUE-flex布局之align-items交叉轴对齐方式(5)

1、外部容器display:flex; 可以设置的6个属性,如下:flex-direction元素排列方向flex-direction:row|| row-reverse ||column || column-reverse元素排列方向: (从左往右)默认 || (从右往左) || (从上往...

VUE-directive指令,输入框设置字体颜色(3)

1、私有指令语法:directives:{'focus(指令名称)':{bind(el) {},inserted(el,binding){},updated(el) {},},}引用方式:<input type="text" v-model="id" name="id" v-focus>注意:在定义...

VUE-二选一按钮效果设置

1、功能说明:点击【是】,按钮变蓝色且字体白色,【否】按钮无背景且字体蓝色2、样式设置<div class="radio"><div :class="[flag===0?yes:no]" @click="chooseEmer(0)">是</div><div :class="[flag===1?yes:no]" @click="c...

    共 42 条
  • 1
  • 2
  • 3
  • 4
  • 5
  • 请选择