前端vue
郅菇凉
我把博客当笔记,要是能帮到别人算是意外之喜
展开
-
git 强制 覆盖
npm install -g vue-cli 2.安装vue-cli成功后,通过cd命令进入你想放置项目的文件夹,在命令提示窗口执行创建vue-cli工程项目的命令:...原创 2022-04-07 10:10:10 · 291 阅读 · 0 评论 -
swiper自制分页器
函数有jq,使用swiper版本3.4.2 swiperList() { var imgTextId = $("#imgText"); var igtli = imgTextId.find("li"); var _html = ""; igtli.each(function (index) { var title = $(this).attr("data-title"); if (index === 0)...原创 2021-10-28 15:04:38 · 1058 阅读 · 0 评论 -
vue element自制分页器
html <div v-for="(item, index) in carouseData" :key="index"> <span @click="showstep(index)" :class="carouseId == item.id ? '样式1' : '样式2'" >{{ item.title }}</span .原创 2021-10-28 14:58:38 · 277 阅读 · 0 评论 -
vue ie swiper 空白报错不支持语法
降低swiper版本至"swiper":"^3.4.2",原来的版本太高ie不支持原创 2021-10-28 14:54:32 · 102 阅读 · 0 评论 -
文本框内容复制到excel按列显示
var s = element.ppp_user + “\t” + element.ppp_pwd + “\n”;数据分隔符用\t原创 2021-04-19 15:07:27 · 228 阅读 · 0 评论 -
Element的el-cascader级联选择器组件获取选中的label
给级联器ref=“myCascader”方法一:给cascader组件赋值一个别名ref=“myCascader” (注意:2.9.2 版本之前可用的方法)1 this.$refs[‘myCascader’].currentLabels方法二:在 2.9.2 后官方新增了 getCheckedNodes() 方法1 this.$refs.myCascader.getCheckedNodes()[0].pathLabels...原创 2020-10-28 16:25:13 · 1577 阅读 · 0 评论 -
vue搜索关键词高亮前端效果
一、实现效果二、html(简单版)内容要用v-html展示 <div v-for="(item, index) in searchRe" :key="index" v-show="showList" style="margin-bottom:38px" > ...原创 2020-05-06 14:45:05 · 694 阅读 · 0 评论 -
使用eventBus.$on事件重复执行问题
一:问题在写移动账户注册的时候有一个验证会从注册页面A跳转到另一个B去验证,验证完之后拿到验证码再次回到页面A并且传回拿到的结果再请求接口,结果跳回A的时候发现接口第一次请求一次,第二次求情两次,以此类推二:原因只要页面没有强制刷新,存在组件切换,eventBus.$on方法会被多次绑定,造成事件多次触发,这个跟vue寿命周期有关,eventBus.$on方法需要手动清除三:解决方...原创 2020-03-26 17:35:51 · 3127 阅读 · 0 评论 -
安装cnpm后运行报cnpm : 无法加载文件 C:\Users\yizon\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本
一:安装cnpm后运行报cnpm : 无法加载文件 C:\Users\yizon\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org安装完成后报错:无法加载文件 C:\Users\yizon\AppData\R...原创 2019-12-06 00:03:08 · 752 阅读 · 0 评论 -
vue写的tab切换函数
<li v-for="(subGroup, index) in group.dataList" :key="index" v-on:click="tab(index)"> <span>{{ subGroup.NAME }}</span> </li><ul v-原创 2019-01-15 17:36:23 · 310 阅读 · 0 评论 -
vue-cli搭建脚手架(是需要有一定基础的,不包括node等安装)
1.cd到你要建立文件的目录下:npm install -g vue-cli(如果是淘宝镜像命令开头就都加c) 2.依赖webpack建立项目: vue init webpack3.使用vscode打开文件,ctrl+~这个键调出命令行终端输入npm install4.运行 npm run dev 饥渴...原创 2018-08-30 16:56:55 · 608 阅读 · 0 评论 -
vue-cli过滤器filter全局引入
1.新建一个filter文件夹 > index.js,详情看图2. 然后在main.js里引入filtersimport * as filters from './filters' // global filters// register global utility filters.Object.keys(filters).forEach(key => { ...原创 2018-08-23 10:37:44 · 3139 阅读 · 0 评论 -
VUE背景图片路径拼接
<a class="new_onLine_one" v-for="(brand,index) in imgList " :key="index"> <div class="fl rank_img" v-bind:style="{ 'background-image': 'url(' + brand.src+ ')' }"> &am原创 2018-08-01 13:49:39 · 2946 阅读 · 0 评论 -
vue获取dom元素
<div class="firstOpeart" style="display: block;" @click="addStyle" ref="openText"> <span class="opeart">展开</span> </div>methods:{ addS原创 2018-07-30 20:05:05 · 4412 阅读 · 0 评论 -
vue2 设置router-view默认路径
原创 2018-07-30 15:09:45 · 5031 阅读 · 0 评论 -
vue input,textarea失去焦点调用函数方法
<input type="number" class="num" value="1" @blur.prevent="changeCount()"> methods:{ changeCount:function(){ },}原创 2018-07-30 14:19:17 · 33309 阅读 · 0 评论 -
Vue实现动态显示textarea输入文字数量
效果图 <div class="applyInput cb mt3"> <textarea placeholder="请输入" maxlength="500" @input="descInput" v-model="desc" /> <span class="numberV">{{tx原创 2018-07-30 13:31:54 · 15877 阅读 · 0 评论