![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
样式
RxnNing
我本非凡
展开
-
vue中 stylus 的使用
stylus官网地址两步骤一、安装npm i stylus stylus-loader --save二、 修改组件中的style 的lang<style lang="stylus"></style>这样就可以直接用了用法:可没括号、分号、逗号、冒号变量$bgColor=skybluefont-size=14px...原创 2020-11-30 19:12:34 · 1387 阅读 · 0 评论 -
el-scrollbar显示横向滚动条
让横向滚动条出现,同时不显示默认的滚动条,需要在 el-scrollbar__wrap 添加.el-scrollbar__wrap{ overflow-x: auto; height: calc(100% + 20px); //多出来的20px是横向滚动条默认的样式}1234在el-scrollbar 是 overflow: hidden; el-scrollbar__view必须是浮动或 display: inline-block 才能出现滚动条.el-scrollbar .原创 2021-03-16 17:13:58 · 4595 阅读 · 5 评论 -
axios如何取消重复请求cancelToken
原文链接通过axios.CancelToken.source生成取消令牌token和取消方法cancelconst CancelToken = axios.CancelToken;const source = CancelToken.source();axios.CancelToken通过axios.CancelToken构造函数生成取消函数const CancelToken = axios.CancelToken;let cancel;axios.get('/user/12345',原创 2021-02-23 10:37:09 · 382 阅读 · 0 评论 -
swiper
vue zhong 使用 swiper安装 (注意版本)全局引入import 'swiper/dist/css/swiper.min.css'import 'swiper/dist/js/swiper.min'使用<template> <div class="swiper1"> <el-row> <el-col :span="14"> <div class="swiper-container"&原创 2021-02-19 15:59:39 · 78 阅读 · 0 评论 -
关于element-ui 中的upload详情使用
Upload怎么说Upload中可以放元素标签(这里由<i class="el-icon-plus avatar-uploader-icon"></i> 为例)可以设置该标签的大小,也就说通过点击该标签来进行上传的类名为 el-upload 的盒子 宽高 由上面的 <i class="el-icon-plus avatar-uploader-icon"></i> 撑开...原创 2021-02-18 16:24:40 · 901 阅读 · 0 评论 -
el-input只能整数 或 到小数点后几位
input 数字只能输入整数<el-input v-model="sjje" oninput ="value=value.replace(/[^\d]/g,'')" class="money sjje"> 保留小数点后几位<el-input v-model="value" oninput="if(isNaN(value)) {value = value.slice(0,value.length-1) } if(value.indexOf('.')>0){value=v.原创 2021-01-11 18:30:06 · 1019 阅读 · 0 评论 -
封装函数插件、封装全局组件 插件 install 通过use()注入
封装toast 组件,挂在到vue 原型上, 然后通过 函数就可以调用了原理是:1.把对应的组件封装成插件2.然后安装这个插件3.把这个组件创建出来4.并且添加到vue 的原型上,5. 然后就可以通过 this.Toast.show(‘message’,2000)这样的形势调用了开搞首先给大家看下我的文件目录一、首先创建好对应的toast.vue组件,这里就不描述的了,直接贴上代码了# toast.vue<template> <div class="toast原创 2021-01-10 16:59:52 · 329 阅读 · 0 评论 -
vue treeSelect 和 element ui 结合校验问题
默认element ui 不能校验 treeSelect解决办法:1.2. ·<el-form-item label="活动名称" prop="region"> <treeselect v-model="ruleForm.region" :options="options" @input="inputChange"/></el-form-item>注意:prop="region"/v-model="ruleForm.region"/是必须的meth原创 2021-01-05 10:56:37 · 1222 阅读 · 0 评论 -
修改小程序中的button 的width宽度
方法一:button{ width: 100% !important;}方法二:<button style="width: 700rpx" type="primary" bindtap="submitBtn" >发布</button>原创 2020-12-09 17:00:25 · 2125 阅读 · 3 评论 -
小程序中关于静态class再添加一个动态class 的方法
以这个image为例<image class="img1"></image>方法一:#就问你简单不~<image class="img1 {{currentIndex == 1? 'active':''}}"></image>原创 2020-12-08 20:14:36 · 540 阅读 · 0 评论 -
初始化项目配置 reset.css
原文地址: 原文地址/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,de原创 2020-11-26 09:50:17 · 141 阅读 · 0 评论 -
vue路由手动刷新页面后 当前路由的导航按钮样式被初始化
vue路由手动刷新页面后 当前路由的导航按钮样式被初始化,就是被选中的样式回到了第一个导航按钮上错误视图:路由默认是在 /home/recommend对应的【推荐音乐】按钮点击导航按钮【热歌榜】按钮 切换到了/home/hosongslist导航样式 也切换到了 【热歌榜】上点击刷新后路由没变还是/home/hosongslist,当时导航样式又回到了初始上【推荐音乐】按钮错误代码:<div class="item" v-for="(item,index) of btnlist"原创 2020-11-12 21:48:35 · 544 阅读 · 0 评论