![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
想要飞翔的小猪
这个作者很懒,什么都没留下…
展开
-
vue3与vite搭建时遇到的一些错误
一、创建路由router时报原因:版本问题解决方法:卸载掉之前装的npm uninstall vue-router重新装npm install vue-router@next -s二、原因:element-plus引用问题,之前是直接根据网上的解决:根据官网操作就可以了三、vite引入element-plus修改主题色报错原因:引入文件路径不对解决:~改成node_modules/,安装scss --dev,然后引入时去掉.scss/.css,完美运行..原创 2021-09-02 18:24:45 · 5338 阅读 · 0 评论 -
antd design vue table点击更改某行数据的样式操作
111原创 2021-06-21 16:34:08 · 1195 阅读 · 0 评论 -
js 代码优化点
尽量不要操作dom元素, 使用使用逻辑短路替换三元运算符 var value=true;value?value=2:''value && value=2 使用对象属性替换if-else // if版本if (a == 1) {return 'one';} else if (a == 2) {return 'two';} else if (a == 3) {return 'three';} else {return ...原创 2020-12-30 15:27:44 · 205 阅读 · 0 评论 -
vue element ui Transfer 列表添加双击事件,
主要是利用render-content 自定义数据项渲染函数可以根据这个案例去了解,下面直接上代码<template> <el-transfer v-model="value4" :props="{ key: 'value', label: 'desc' }" :render-content="renderFunc" :data="data3"> </el-transfer></template>...原创 2020-05-14 10:48:41 · 2079 阅读 · 0 评论 -
app 嵌套h5页面问题
1.app与h5页面方法监听与参数传递2.Android webview 如何打开本地存储,提供给JS调用 html5 的lwindow.localStorage功能,还有其他的权限3.Android与Js交互之JSBridge的使用的坑4.app内打开h5页面先显示一篇空白页面后才进入h5页面5.h5中的路由跳转会有一层阴影;去掉阴影body { line-height...原创 2020-01-09 19:12:44 · 2348 阅读 · 0 评论 -
js 历史记录、前进、后退 方法封装
历史记录主要是通过缓存来存储数据,前进后退通过控制缓存的数据进行选择,添加或删除相当于入栈和出栈export default { StepLength: 9, set(that, name) { console.log(that.nowPage + '.....that') let history = this.get() let step = ++histo...原创 2019-12-26 16:38:38 · 882 阅读 · 0 评论 -
vue 常见应用场景
1.this.$refs.wrapper获取为underfind原因:获取不到DOM节点,还没有渲染完成就获取,所以获取回来的是underfind,造成的原因有多重,在我的案例中造成功的原因是在这个div内使用了v-if这里使用v-if时获取不到,v-if跟v-show的区别在于v-show只是隐藏,DOM元素还存在;归结原因就是DOM节点还没有渲染就去获取解决方法:v-if改为v-s...原创 2019-12-15 17:34:36 · 2910 阅读 · 0 评论 -
vue 判断是否登录,进入不同的页面
描述:我们在开发中,经常会遇到,进入登录页面与主页面的判断,通常后台会传回一个session来判断,现在就考虑下有多少中方法来实现这种效果;1.以前用的方法是直接在app.vue入口文件来判断跳转登录页面,还是主页面,优点:简单明了,直接根据是否存在session来判断入口文件是登录还是主页面;缺点:体验感不好,每次判断前都会有登录页面出现一下,再跳转主页面, 2.用动态路由,...原创 2018-12-28 11:03:54 · 11984 阅读 · 0 评论 -
vue markdown的简单使用
1.简介一款使用marked和highlight.js开发的一款markdown编辑器,目前只支持在vue项目中使用。编辑器涵盖了常用的markdown编辑器功能,工具栏可自定义配置, 2.安装npm i -S vue-meditorcnpm i -S vue-meditor 3.在项目中使用markdown.vue<template&...原创 2018-12-26 18:04:40 · 3085 阅读 · 1 评论 -
vue+file-saver+xlsx导出table为excel
1、安装:npm install file-saver xlsx --save-devcnpm install file-saver xlsx --save-dev //淘宝镜像2、引入:import FileSaver from 'file-save';import XLSX from 'xlsx';3、点击事件: exportExcel() ...原创 2018-12-15 11:33:25 · 9441 阅读 · 7 评论 -
js将HTML导出生成word文档
在项目开发中中,遇到将HTML导出生成word文档,刚开始在网上找了很多资料,基本都是jQuery中的插件jquery.wordexport.js,刚开始是不想用这个的,这个要引用另一个插件FileSaver.js;但是没有找到更好的方法,所以在这里记录下js将HTML导出生成word文档的方法;如果有其他方法的可以提供下链接;学习下jquery.wordexport.js插件的代码,了解到了...原创 2018-12-07 16:05:31 · 60631 阅读 · 52 评论 -
VUE 上下轮播组件
在做项目的时候,遇到了实现上下播放新闻的功能,所以在次记录下实现原理<template> <div :style="{height:60 + 'px'}" class="rollScreen_container" id="rollScreen_container"> <div class="nav"> &am原创 2018-11-15 11:05:58 · 3673 阅读 · 0 评论 -
Vue2.0 Vue.set的使用
Vue.set() 响应式新增与修改数据此时我们需要知道Vue.set()需要哪些参数,官方API:Vue.set()调用方法:Vue.set( target, key, value )target:要更改的数据源(可以是对象或者数组)key:要更改的具体数据value :重新赋的值案例: <!DOCTYPE html> <html> ...转载 2018-08-14 11:44:47 · 139 阅读 · 0 评论 -
vue 底部导航栏 一级路由显示 子路由不显示的几种实现方式
1.在router中设置meta对象,然后在App.vue里面根据navShow属性来判断是否显示底部导航栏{path: '/consult',name: 'consult',component: Consult,meta: { navShow: true, cname: '一级页面' },},{path: '/consultDetail',name: 'con...原创 2018-09-05 23:04:40 · 5610 阅读 · 3 评论 -
vue 移动端城市搜索列表,实现左右两边联级滚动
页面效果:1.在网上找到了一个已经包含的城市数据,这个可以自己在网上找,根据数据格式对应的渲染add.jsmodule.exports = {"A":{"key":"A","item":[{"city":"\u5b89\u5e86","N":"30.31","E":"117.02","firststr":"A"},{"city":"\u6fb3\u95e8\u5e02","N":"2...原创 2018-09-10 16:17:49 · 2721 阅读 · 8 评论 -
记一次移动端H5开发所遇到的问题与细节,以及ios兼容
第一次弄移动端H5项目开发,虽然是简单的页面展示,但也遇到了很多细节问题与兼容问题,尤其是h5视频标签video,一.移动端禁止缩放 兼容<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">主要属性是user-sca...原创 2018-09-14 18:56:05 · 3865 阅读 · 1 评论 -
vue-awesome-swiper 基本使用及参数说明
vue-awesome-swiper是基于swiper的,安装不同版本的vue-awesome-swiper对应不同的swiper,所以swiper里面的属性多数能应用到vue-awesome-swiper中,也可以根据swiper文档来设置vue-awesome-swiper属性;swiper官方文档:https://www.swiper.com.cn/api/index2.html;在这里我使...原创 2018-09-14 15:39:07 · 80300 阅读 · 7 评论 -
一个好用又好看的下来加载上拉刷新组件--mescroll.js
mescroll.js的官方文档:http://www.mescroll.com/里面详情介绍了怎样去使用,也有很多案例和源码,但是里高级的案例登录才可以看得到,有兴趣的可以去官网了解了解...原创 2018-09-14 16:03:06 · 1132 阅读 · 0 评论 -
微信小程序星星评分组件
1.微信小程序:效果图:先看代码,用一个组件写好星星组件,然后调用即可rating.wxml<view class='itembox'> <view wx:for="{{imgs}}" wx:key="{{item.id}}" bindtap='select' data-index="{{item.id}}"> <image cl...原创 2018-11-12 21:52:22 · 7687 阅读 · 5 评论 -
vue 简单弹出框
<template><div class="storeList"><transition name="fade"><div class="imgMask" v-if="showBigImg" @click.stop="showBigImg=!showBigImg"> &a原创 2018-08-01 11:29:50 · 5997 阅读 · 0 评论