logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

实现滚动到一定位置时,导航栏置顶的效果

告别js用css实现滚动到一定位置时,导航栏置顶的效果。<div class="nav">这里是导航栏所在的DIV容器。</div>css代码:.nav{position:fixed; /* 绝对定位,fixed是相对于浏览器窗口定位。 */top:0; /* 距离窗口顶部距离 */left:0; /* 距离窗口左边的距离 */...

Vue插值文本换行问题

问题背景:后端返回的字符串带有\n换行符,但Vue将其插值渲染成div内部文本后,文本并不换行,换行符显示为一个空格目标:让文本在换行符处换行。解决方法:思路:实现文本换行有两种方法,一是HTML方法,即<br>标签;二是CSS方法,即white-space属性。方法1.使用v-html首先,将字符串里的\n替换为<br>,然后用v-ht...

#html
v-for指令的使用

当在组件中使用 v-for 时,key 现在是必须的是为了给 Vue 一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key 属性1.简单插值的使用<template><p>{{list[0]}}</p><p>{{list[1]}}</p><p&gt...

vue中利用ref来操作dom元素

在原生js中我们来操作dom原始是一件很麻烦的事情,vue中利用ref就可以来操作dom元素<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title&g

Vue底部导航icon图标或图标切换功能实现

功能需求:底部导航切换页面,同时切换图片。底部为公共组件通过click点击事件获取下标来进行类名动态切换图标。这里之所以使用v-show,因为底部导航要进行频繁的切换。<template><footer class="footer"><ul><liv-for="(item, index) of...

vue中阻止@click事件冒泡

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport"content="width=240, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, max...

到底了