Vue学习
一名假人
已经不是大学了,要开始工作了,继续记录自己的成长。
展开
-
uniapp 自定义组件Style无法使用
uniapp 自定义组件Style无法使用问题描述最近在写一个uniapp的前端项目,在使用这个前端框架中遇到了关于组件样式不响应的问题。模拟<template> <!-- 发现在微信开发者工具中nodes完全没有样式,元素审查也看不出来 --> <view id="nodes"> </view></template><script>export default { data() { },原创 2020-08-30 13:26:54 · 3267 阅读 · 1 评论 -
uniapp innerAudioContext对象onUpdateTime无法调用
uniapp innerAudioContext对象onUpdateTime无法及时调用1. 问题描述近期在写微信小程序的音频播放组件,由于原生的<audio>组件,被微信标为过时,需要自绘UI组件。在获取当时播放进度遇到了问题。audio.onUpdateTime(),无法在音频播放的时候就调用<srcipt> export default{ created(){ const audio = uni.innerAudioContext.creat() au原创 2020-08-02 17:07:57 · 1243 阅读 · 1 评论 -
vue watch内部调用methods方法报错
vue watch内部调用methods方法报错错误例子还原例子<script> export default{ data(){ return { data: 1, } }, watch: { data: (newV, oldV) => { this.printf() // 此处调用会出现 undefined } }, methods: { printf(){ console.log("111111")原创 2020-07-25 22:23:07 · 3152 阅读 · 0 评论 -
uniapp开发:“this.$refs.xxxx“调用子组件无效的可能原因
"this.$refs.xxxx"调用子组件无效的可能原因1. ref绑定的对象是否正确<templete> <view ref="child"></view></templete><script> export default { onLoad(){ // 会报 "child is undefined" 的问题 console.log(this.$refs.child) } }</script>原创 2020-07-20 23:33:10 · 7391 阅读 · 3 评论 -
Vue 通过 v-bind 绑定图片src的两种方式
前提声明这个问题的解决是在vue-cli3下,因为问候提到的public文件夹是3版本产生的在学习vue时,有一个需求是需要 v-for 循环图片,之后用一个图片地址数组通过(v-bind)去绑定图片的src,这个地方有一个大坑错误写法//错误写法<div id='app'> <!-- 通过v-for循环遍历data中的地址 并绑定 --> <im...原创 2019-07-30 09:04:37 · 7868 阅读 · 5 评论 -
vue 通过路由守卫阻止跳转
前提声明使用的环境是 vue3,其他版本没做测试仅作参考案例分析制作一个登陆界面,在点击登录的时候进行匹配账号和密码,成功后再切换组件,如果输错弹出alter。前提条件:登录是一个嵌套在内部的按钮解决方式在路由规则内有一beforeEnter()的函数,它是和path,components同级的路由规则属性//比如 跳转一个/main 的路径 ,并带有 id 和 pw 信息//...原创 2019-07-30 10:15:24 · 8661 阅读 · 1 评论 -
Vue 生命周期和钩子函数的理解
前提声明此篇文章是看视频自己总结的学习笔记视频是B站的 vue教程-黑马-205集完整版 大家可自行搜索概念生命周期:Vue的生命周期(个人理解):从vue的创建、运行到销毁的过程中,都会有一些相应的事件或者说是函数,而这些函数的总和,就是vue的生命周期钩子函数:钩子函数可以理解为一个组件,一个动画,一个路由执行,把它们的执行过程,通过函数分成几个阶段,而这些函数就是所谓的 钩...原创 2019-07-30 14:39:28 · 247 阅读 · 0 评论 -
Vuex的简单用法
前提声明这篇文章是描述了vuex的基本用法,不包含该插件过深的内容基础知识初用vuex,一般是看重其声明的变量如果注册到根组件便可以在全组件中获取的特性,这篇文章就侧重如何使用vuex。//先声明一个store,我默认在store.js文件中建立,因为我的目的是将其引入根组件//中,使其可以全局使用export default new Vuex.Store({ state, ...原创 2019-07-30 15:59:47 · 162 阅读 · 0 评论 -
Vue-cli3 引入bootstrap4.x 和jquery方法(有效)
前提声明此篇文章,写于 2019年7月26日,使用的 vue-cli3.x bootstrap jquery ,是目前的最新版本,对于以前和以后新老版本的引入,仅作参考。注:此使用vue的项目是通过 vue-cli 提供的图形化工具构建,打开方式——在命令提示符中输入 vue ui 注意事项因为bootstrap的js是基于jquery上月星的所以我们要先安装jquery...原创 2019-07-26 11:01:59 · 2458 阅读 · 0 评论