前端小问题
ljlttkx
。。。。。
展开
-
在vue页面监听中如何修改子元素的样式
项目原先代码:需要实现的是导航栏在页面下滑到一定位置的时候,对其样式进行修改父组件system.vue页面<template> <div> <div id="sysytem"> <!-- 导航栏 --> <head-tabbar ref ="tabbar" class="tabbar"></head-tabbar> <!-- 轮播图 --> <el-carousel class="lunb原创 2021-09-23 16:27:07 · 762 阅读 · 0 评论 -
顶部导航栏如何可以透出来后面的图片
1、父盒子用position: relative;2、子盒子1、2用position: absolute;3、导航栏z-index值比图片的属性值要大,才可以叠在图片上面4、导航栏background: rgba(0, 0, 0, .5);设置透明度原创 2021-09-17 11:05:01 · 135 阅读 · 0 评论 -
点击链接的跳转方式
在新窗口打开连接方式 超链接<a href="www.123.com" title="123" target="_blank">123</a> 等效于js代码 window.open(“www.123.com"); 在当前窗口打开新连接 超链接<a href="www.123.comt" title="123">123</a> 等效于js代码 window.location.href="www.123.com"; //在同当原创 2021-09-17 10:05:56 · 4126 阅读 · 0 评论 -
eleui,:preview-src-list用base64图像格式预览大图
<div v-if="item.picture!= null"> <div v-for="picitem in item.pics" style="float: left;border:5px solid white;"> <el-image style="width: 100px; height: 100px" :src="'data:image/png;base64,'+picitem" :preview-src-list="dataURItoBlob(it原创 2021-09-14 16:53:52 · 1231 阅读 · 0 评论 -
解决Html在不同分辨率下显示效果不一样的问题
问题描述:让导航栏重叠在轮播图上面,并且导航栏要是透明的状态,功能实现了,但是出现拖到分屏宽度就变了。代码:开始用的宽度设置都是px单位,后来改成百分比就可以自适应了。 原因分析:百度看到HTML+CSS项目实践八:同一个HTML页面,在不同电脑上的显示效果不一样!解决HTML页面针对不同分辨率的问题通过设置百分比长宽,对于不同分辨率的显示器上会自动适应大小。...原创 2021-09-14 10:20:08 · 5187 阅读 · 0 评论 -
根据三目运算实现路由跳转
项目场景:需要根据Vuex中store的userInfo信息(初始状态为空)来判断路由取向。userInfo: null时去登录注册页: path: ‘/login’,userInfo 非空时去个人信息页:path: ‘/profile’, <router-link :to="userInfo? '/profile':'/login'" v-if='signinUp' > <svg class="user_avatar" v-if="原创 2021-09-06 21:41:19 · 255 阅读 · 0 评论 -
iview Page组件调用@on-page-size-change方法会先调用@on-change
问题:切换页码时,如果页码不是在第一页时,页面展示错误。这时候更改每页条数,应该要将页码更改到第一页开始用的代码如下: pIndexChange(i) { //页码改变的回调 this.tableData = [] this.page.index = i; this.getCoaDetec()//接口调用填充表格,数据展示 }, pSize原创 2021-08-11 10:29:52 · 615 阅读 · 0 评论 -
a标签跳转的时候会拼接项目地址
希望实现:点击图片跳转至原文链接原先代码如下:<a :href=" item.url"><img :src="'data:image/png;base64,'+ item.picture" alt=""></a>接收后端传送的url,但是在控制台看到a标签跳转的时候会拼接项目地址解决:要在href属性里面添加http:协议,如果要跳转至百度就href=“http://www.baidu.com”<a :href="'http://'+ item.原创 2021-07-15 14:39:17 · 1539 阅读 · 0 评论