- 博客(7)
- 收藏
- 关注
原创 nuxt中head(meta)的动态使用心得
nuxt完美的解决了vue对seo不亲和的问题,这里就来讨论一下nuxt提供的head的使用。首先官方在nuxt.config.js中nuxt提供了一个head属性的用法,这里是一个全局的默认head属性head: { title: process.env.npm_package_name || '', meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-
2021-03-23 16:54:23
6963
7
原创 el-table span-method动态合并行
最近项目中需要用到table 动态合并行,官方文档给出的方法是固定合并不是动态的但是大致思路算是给出来了,开干。。。效果是这样的额 //table展示<el-table :data="dataList" border :span-method="spanMethod"> <el-table-column prop="name" label="第一列" ></el-table-column> <el-table-column pro
2020-11-06 09:46:05
945
原创 vue中实现div(li,button...思路一样)选项多选的简单方法
我这里是要实现一个省级单选市级多选的城市选择功能。。。。<div class="dropdown-navigation"> <div v-for="item in areaList[this.cityId].cityList" :key="item.id" class="drop_navigation"> <div style="padding:5px 12px;background:#.
2020-07-24 11:24:57
737
原创 用li标签做导航栏,点击后动态改变字体颜色添加下划线
开始想用伪类添加样式(最后发现么得),只好手动写一个方法,<ul style="width:1200px;height:40px;margin:0 auto;"> <li class="home_navigation" v-for="item in indexNav" :key="item.id" @click="$router.push({name: item.path}),getId(item.id)" :cla
2020-07-19 17:19:34
2510
原创 前端nuxt项目启动时怎么跳过Are you interested in participation?
直接进入主题,找到node_modules下面的@nuxt文件夹--->telemetry文件夹---->dist文件夹--->modules.js文件找到定义的accept,把原来的属性注释掉,重新定义一下const accept = false。保存ok---
2020-07-18 10:58:08
6995
2
原创 Vue中防止短时间内连续点击后多次触发请求(js节流思想)
本人处于前端小白阶段,在做项目的产品模块的时候有时会连续点击提交按钮,导致添加多个重复的产品,刚开始是用disabled限制点击,体验不是太好,偶然在b站上发现一个Js节流视频,但是看得有点云里雾里,所以根据节流的思想自己写了个比较适合我的方法。<el-button @click="throttle()">测试节流</el-button>export defaul...
2020-04-30 15:29:09
6849
1
原创 css简易制作一个div右上角的标签条
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .a{ width:200px; heig...
2019-12-20 16:35:26
6877
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人