会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
IT小姐姐
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
6
7
8
9
10
11
12
13
14
下一页
2021年10月7日
nuxt.js中引入lib-flexible 和 postcss-px2rem 实现pc自适应
摘要: 最近一个需要用nuxt框架实现的pc自适应项目,从网上找了很多资料,最终完美实现 一、下载相关插件 npm i lib-flexible -Snpm i px2rem-loader -Dnpm install postcss-px2rem save 二、在plugins文件下新建 lib-flexi
阅读全文
posted @ 2021-10-07 14:28 IT小姐姐
阅读(2690)
评论(1)
推荐(0)
2021年9月28日
nuxt之vuex的使用
摘要: 先来了解一下官网:https://www.nuxtjs.cn/guide/vuex-store 一、首先在 store 文件下新建一个index.js文件 const state = () => ({ flag: false }) const mutations = { add(state, dat
阅读全文
posted @ 2021-09-28 09:43 IT小姐姐
阅读(568)
评论(0)
推荐(0)
2021年9月27日
nuxt.js实现页面刷新功能
摘要: key 属性Key:String 或者Function key属性赋值到<router-view>,这对于在动态页面和不同路径中进行转换很有用。不同的key会使页面组件重新渲染。 设置key方法1 <nuxt :nuxt-child-key="someKey" /> 方法2 在页面组件中 expor
阅读全文
posted @ 2021-09-27 11:19 IT小姐姐
阅读(3116)
评论(0)
推荐(0)
nuxt 登录注册加重置密码
摘要: <!-- 登录弹框 --> <div class="mask" v-show="flag"> <div class="mask_content" v-show="type_d == 'sign'"> <p class="mask_gb" @click="cloces"> <img src="../s
阅读全文
posted @ 2021-09-27 09:08 IT小姐姐
阅读(174)
评论(0)
推荐(0)
2021年9月24日
vue中点按钮回到顶部,和elementUI中置顶按钮的实现
摘要: 一般做pc项目都会遇到侧边小按钮点击回到顶部的功能,现在记录一下项目中的实现方法 一、结合动画效果实现 <li class="defa_bt" @click="hddb"> <img src="../static/img/home/bom01.png" alt=""> </li> methods:
阅读全文
posted @ 2021-09-24 09:23 IT小姐姐
阅读(686)
评论(0)
推荐(0)
2021年9月22日
Vue element 自定义表单验证(验证手机号)
摘要: <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px"> <el-form-item label="手机号" prop="phone"> <el-input v-model.nu
阅读全文
posted @ 2021-09-22 11:52 IT小姐姐
阅读(2087)
评论(0)
推荐(0)
nuxt.js中登录、注册(密码登录和手机验证码登录)
摘要: <!-- 登录弹框 --> <div class="mask" v-show="flag"> <div class="mask_content" v-show="type_d=='sign'"> <p class="mask_gb" @click="cloces"><img src="../stat
阅读全文
posted @ 2021-09-22 11:49 IT小姐姐
阅读(593)
评论(0)
推荐(0)
elementui中 分页在vue中的使用
摘要: template中: <el-pagination background layout="prev, pager, next" :total="total" :page-size ="per_page" :current-page="currentPage" @current-change="cur
阅读全文
posted @ 2021-09-22 11:35 IT小姐姐
阅读(400)
评论(0)
推荐(0)
2021年9月18日
a标签跳新链接,如果链接为空则不跳转
摘要: a标签跳新链接,如果链接为空则不跳转 <el-carousel-item v-for="item in slideList" :key="item.id"> <a v-if="item.link == '' " href="javascript:;" ><img :src="item.thumb"
阅读全文
posted @ 2021-09-18 23:17 IT小姐姐
阅读(265)
评论(0)
推荐(0)
input限制只能输入汉字
摘要: <el-form class="det_foot" :model="form" :rules="rules" ref="form"> <h3 class="det_lytitle">在线留言</h3> <el-form-item class="det_form"> <el-input v-model
阅读全文
posted @ 2021-09-18 08:59 IT小姐姐
阅读(590)
评论(0)
推荐(0)
上一页
1
···
6
7
8
9
10
11
12
13
14
下一页
公告