Vue
Jerryman_GHJ
这个作者很懒,什么都没留下…
展开
-
学习记录001
Vue 中使用@hook监听组件生命周期通常我们监听组件生命周期会使用 $emit ,父组件接收事件来进行通知子组件export default { mounted() { this.$emit('listenMounted') }}父组件<template> <div> <List @listenMounted="listenMounted" /> </div></temp原创 2021-05-14 13:54:43 · 182 阅读 · 0 评论 -
配置全局less变量;解决iphoneX、 iphone8 plus 键盘退下去仍占空间,导致无法点击;vue-photo-preview 配置正常,但无法触发图片的预览
1.配置全局less变量pluginOptions: { "style-resources-loader": { preProcessor: "less", patterns: [ path.resolve(__dirname, "./src/assets/style/variable.less") ] }}2.解决iphoneX、 iphone...原创 2019-10-11 20:46:14 · 284 阅读 · 0 评论 -
点击其他位置,让弹窗消失:vue-clickaway 插件的使用
vue-clickaway 插件的使用//mixins方式:import { mixin as clickaway } from'vue-clickaway';exportdefault { mixins: [ clickaway ], template:'<p v-on-clickaway="away">Click away</p>', methods: ...原创 2019-10-11 20:11:56 · 2537 阅读 · 0 评论 -
@keyup.native.enter 第一次触发时,会刷新页面
@keyup.native.enter 第一次触发时,会刷新页面原因:事件包裹在form表单中,enter事件默认触发了表单的提交,导致页面刷新解决:在el-form标签中加上 @submit.native.prevent,阻止表单的默认行为...原创 2019-10-11 20:05:23 · 4010 阅读 · 1 评论 -
vue-cli3.0 npm run dev 运行报错Cannot GET /,缺失入口文件index.html的问题
vue-cli3.0 dev运行报错Cannot GET /原因是:由于配置多页面,然后不想在执行npm run build命令打包生成的dist目录中出现index.html页面,所以我将public下面的index.html名字改掉了!...原创 2019-05-10 17:44:09 · 7399 阅读 · 0 评论 -
vue-lazyload 局部使用时自定义图片及切换列表导致的图片懒加载失效
vue-lazyload的官方文档https://www.npmjs.com/package/vue-lazyload一、全局配置vueLazyload后,如何在局部使用时,自定义error和loading图片?【全局配置】:import VueLazyload from 'vue-lazyload' // https://www.npmjs.com/package/vue-l...原创 2019-01-10 11:08:03 · 2079 阅读 · 0 评论 -
插件传参
:on-success="(file, xx, xx)=> {this.你的fuc(参数,'welcome')}"<x-input title="企业名称" :is-type="valiName" v-model="name" @on-change="(value) => {this.myFunc(value, 'TYPE')}" :max="11&q原创 2018-11-15 17:20:29 · 404 阅读 · 0 评论 -
electron-vue应用build后,打开exe文件安装,成功后,打开应用报错
问题描述: 2.解决方法: import {app, BrowserWindow, Menu, ipcMain, Tray,nativeImage} from 'electron' const path = require('path'); //... const iconPath = path.join(__dirname, '../.....原创 2018-09-26 15:38:21 · 2196 阅读 · 0 评论 -
Vue知识点:
1、我们都知道, Vue是【数据驱动视图更新】,但是,数据改变,视图更新是需要一个渲染过程的,那么我们如何能捕捉到此次渲染完成的时间节点呢?这就是我们要说的Vue的 nextTick方法:https://cn.vuejs.org/v2/api/#Vue-nextTick2、offsetTop3、弹窗的位置 随鼠标点击的位置变化4、<div class='myEleme...原创 2018-09-15 09:44:14 · 259 阅读 · 0 评论 -
vuex-router-sync
vuex-router-syncvue 管理视图的 vuex 管理数据元 vuex-router-sync 是链接vuex和vue-router//引入库import Vue from 'vue'import axios from 'axios'import { sync } from 'vuex-router-sync'//引入本地文件import App from '....原创 2018-09-18 11:09:38 · 1491 阅读 · 0 评论 -
Vue中img的src动态赋值本地路径报错
问题:我想根据tabIndex是否是当前值,来判断显示本地不同的图片。我按照下面的写法,页面会报404找不到相应图片地址。 <div class="tab-item" @click="tabIndex=0"> <img :src="tabIndex == 0 ? '@/assets/imgs/liaotian2.png' : '@/assets/imgs/liao...原创 2018-09-12 09:02:22 · 7796 阅读 · 0 评论 -
Vue中,methods中调用filters里的过滤器
需求:vue中,除了在模板中使用过滤器,有时候,methods中也需要使用filters中的过滤器! this.$options.filters[filter](...args) //这种方法很简单,也很实用打印 this.$options.filters报错, 打印this.$options.filters.myFilter正常,显示为一个function原文地址:https:/...转载 2018-08-16 11:37:16 · 811 阅读 · 0 评论 -
Vue项目问题记录
1.注意updated和computed, updated只能监测到data中的字段变化触发更新,而组件中的prop属性字段发生变化时,不会触发updated钩子。 computed中的字段,只有在依赖字段发生变化时,才会触发该字段的更新。 data() { return { ...原创 2018-08-10 10:21:13 · 245 阅读 · 0 评论 -
解决移动端--微信公众号--项目中 【Android机横向滚动不灵敏】
问题描述: 项目中有两行列表需要横向滚动以查看更多,默认使用外层元素overflow-x:auto;overflow-y:hidden;定宽来实现,IOS端表现良好,Android端表现很差,经常横向滑动没反应。百度了一下,在此做个记录。 bug:红色框为 横向滚动容器,在里面实现横向滚动。 解决: 页面中引用iScroll....原创 2018-07-03 16:48:57 · 744 阅读 · 0 评论 -
vue 基础 filter 过滤器和类过滤器使用
【filter 过滤器】vue 对数据提供一个 filter 的处理器,用以在不改变data 的情况下 输出前端需要的数据格式。1.在一个{{message}}模板中 可以添加多个filter 函数对message 处理2.在filter中可有传多个参数,但是filters的function的默认第一位参数 为 当前的message的值 value,所以在写函数的时候应注意,自...原创 2018-05-09 13:00:14 · 463 阅读 · 0 评论 -
Vue中class与style的绑定
示例代码: <template> <div id="home"> <p class="classObject" v-bind:class="classObject"></p> <p class="classArray" v-bind:class="[{active:原创 2018-04-06 22:30:41 · 195 阅读 · 0 评论