在vue项目中使用vant(全局引入，按需引入，页面中引入)

安装npm i vant -S(简写)npm install vant --save(完整写法)引入1全局引入main.js:import Vant from 'vant'import 'vant/lib/vant-css/index.css'Vue.use(Vant)2、按需引入（推荐）首先，安装babel-plugin-importnpm i babel-plugin-import -D(简写...

admin 2022-05-31 167 #Vue.js

vant图标和文字垂直居中对齐方法

开发中经常会遇到字体图标与文字垂直居中对其的需求，常常使我们感到头疼，无论是设置margin还是padding都不行，上图：现在推荐大家一种超级简单的方法：vertical-align: 3px; 给后面文字span加上vertical-align: 3px; 高度可根据自己字体...

admin 2022-05-31 32 #Vue.js

el-dropdown-item没有自定义click事件, 解决办法

[email protected]n-item中加span然后就可以触发click代码如下 退出登录

admin 2022-05-31 47 #Vue.js

vue设置div滚动条至最底部

页面需要做一个固定高度的DIV，每次往这个DIV中增加内容的时候我需要将滚动条自动滚动至最底部保证每次看到的都是最新的内容。（这样增加了用户的体验度好感，就像微信的聊天窗口一样。）利用JavaScript中的scrollTop = scrollHeight这两个属性来实现，代码如下：//设置滚动条到底部 scrollToBottom() { this.$nextTick(() =>...

admin 2022-05-31 28 #Vue.js

vue element-ui 封装分页组件

组件代码 export default { components: { }, data() { return { // page:2 } }, props:['pageSize','total','currentPage'], methods: {...

admin 2022-05-31 109 #Vue.js

vue实现点击追加选中样式

html部分(current就是点击后的css名称) {{item.cate_name}}js部分data() { return { category:[],//分类列表 cateindex:0,//分类默认选中下标 }; }, ...

admin 2022-05-31 37 #Vue.js

vue设置页面标题title

每个页面设置相同标题index.html直接修改title标签里面的标题(ps: 这个html文件中也可以引入一些js文件)每个页面设置不同标题router - index.jsconst router = new Router({ mode: 'history', routes: [ { path: '/index', nam...

admin 2022-05-31 115 #Vue.js

js刷新父页面方法

用iframe、弹出子页面刷新父页面iframeparent.location.reload();弹出子页面window.opener.location.reload();子窗口刷新父窗口self.window.opener.locaction.reload();刷新一open（）方法打开的窗口window.opener.location.href = window.opener.location...

admin 2022-05-31 51 #Vue.js

element-ui 编辑页面upload图片列表显示

最近开发是页面中引入的VUE+element-ui编辑商品页时遇到的问题，正好记录下来首先从接口中获取数据，多个图片时用,分开下面是插入到图片列表中代码//插入到element轮播列表中

admin 2022-05-31 60 #Vue.js

微信小程序点击图片进行预览

小程序开发中有时可能会用到点击图片放大全屏预览下面是实现方法首先给要放大预览的图片image标签加上bindtap='previewImg' data-index='{{imgUrl}}'第一个是点击后调用的的方法，第二个是图片的地址然后在js中写上previewImg方法e.c...

admin 2022-05-31 51 #Vue.js

微信小程序怎么判断是从哪个页面跳转进来的

正好写个小程序有用到这个功能，主要思路是文章内容页，比如首页点进文章内容页后右下角有个返回上一页按钮，这个时候我用的是wx.navigateBack({ delta: 2 })当从首页点击进来的时候是可以正常返回的。但是如果把文章页分享给他人，他人打开就是文章页，这种情况是回不去上一页的所以用如下方法就可以解决这个问题// 判断是从哪个页面跳转进...

admin 2022-05-31 66 #Vue.js

微信小程序 request请求封装

封装代码 我的项目中是将代码放在了utils里面，创建了一个js文件然后把下面的代码放进去get和post调用方法差不多，只是差了一个dataar apiurl = '请求地址';function http_post(controller, data, cb) { wx.request({ url: apiurl + controller, data: data,...

admin 2022-05-31 50 #Vue.js

layer移动端content自定义html方法

最近在写一个信息平台的页面，想用一些弹出层，但是呢写的不太熟练，所以想到了用layer移动端的弹出层//页面层 layer.open({ type: 1 ,content: '可传入任何内容，支持html。一般用于手机页面中' ,anim: 'up' ,...

admin 2022-05-31 66 #Vue.js

webuploader 手机端上传图片默认打开相机 改为选择相册

解决方法方法一 高版本的webuploader.js会出现这种情况，改为低版本webuploader.js可以解决这个问题 方法二 隐藏这行capture=camera,用编辑器打开webupload.js 4974 行

admin 2022-05-31 66 #Vue.js

axios使用FormData发送参数/上传图片后台接收不到？

分享一个axios大坑，遇到一个前端朋友使用axios去做图片上传功能时发现后端拿不到数据，而且只要使用了FormData方式进行传参，在浏览器中一概看不见任何参数，而使用Jquery是没有问题的。 一直以为原因是因为Jq和axios中的传参形式默认都是json方式而FormD...

admin 2022-05-31 44 #Vue.js

常用vue组件汇总大全

Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件，来了个大汇总，方便查找使用，便于工作和学习。 一、UI组件及框架element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-U...

admin 2022-05-31 34 #Vue.js

详解vue移动端项目代码拆分记录

撸一套vue多端共用，非常适合需要快速且全面上线的项目。但是多端共用一套vue代码，由于平台间的互相限制，每端在某些业务例如支付分享等是完全独立的代码，每个平台的支付方式也会有所差异，造成在这些业务的实现过程中会有太冗余的“if else”判断。所以为了提高代码的复用性、扩展性，可以将代码拆分，以-小程序和App两端举例，一份部署到小程序，一份部署到App（Android&Ios）。首先代码拆分应...

admin 2022-05-31 98 #Vue.js

vue 中url 链接左边的小图标更改问题

修改url左边的小图标（标题前的小图标）。例如： favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo。1.首先得到或生成需要的ico文件。ps ico文件生成地址2.将生成的文件置于static文件夹下（可自行存放）3....

admin 2022-05-22 139 #Vue.js

Vue实现星级评价效果实例详解

我们把星级评价单独做成一个star组件，抽离出来，其中父组件中引入(传入的是评分的值)123 初始star.vue12345678910111213141516 {{ score }} export default { name: 'star', props: { score: number }}首先我们把要做星级图片用类名为star-item的span标...

admin 2022-05-22 113 #Vue.js

详解Vue的watch中的immediate与watch是什么意思

immediateimmediate设为true后，则监听的这个对象会立即输出，也就是说一刷新页面就会在控制台输出，当然此时页面上的数据我们还没来得及手动让其发生变化，所以在控制台输出的newvalue为我们在代码中默认设置的值，oldvalue输出为“undefined”。如当我们手动改变newvalue.id的值后，输出如下：如果不设置immediate，或者将immediate设为false...

admin 2022-05-22 82 #Vue.js