![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue篇
Robbie丨Yang
这个作者很懒,什么都没留下…
展开
-
【nuxt3】cannot read preperties of null (reading ‘$nuxt‘)
vue3 中,通过 createVNode 创建子组件实例时,发现子组件无法获取到父组件中的 router、store 信息,一旦子组件使用就会报错。通过控制台断点调试,发现时 appContext 值为空导致的。怀疑是创建子组件的时候,没有将父组件中的上下文传递过去。,需要将父组件中的context,传递给子组件中。原创 2023-12-09 19:59:23 · 678 阅读 · 0 评论 -
vue 封装监听dom尺寸的自定义指令
指令源码注册自定义指令使用自定义指令原创 2022-06-17 18:56:22 · 468 阅读 · 0 评论 -
Vue(一)父子组件通信
简述 在Vue中,各种组件之间他们的作用域是孤立的,因此,无法直接彼此共享数据。一个简单的实例 当父组件的数据更新时,子组件能够同步数据子组件child.vue<template> <div class="child"> <img src=&原创 2017-03-27 20:30:53 · 5070 阅读 · 0 评论 -
Vue 动态修改dom样式
Vue 的核心是允许是模板语法来声明式的将数据渲染进DOM系统修改dom样式的思路,无非就是两步:获取dom修改样式一、 vm.$el 修改dom样式获取dom节点根节点,即被挂载的dom<div id="app">{{info}}</div>创建一个vue 实例let app = new Vue({ e...原创 2018-07-23 16:11:45 · 56996 阅读 · 2 评论 -
Vue 获取鼠标位置坐标
Vue 获取鼠标位置坐标在Vue项目中,我们可能有获取鼠标信息的需求来处理业务逻辑。介绍下面,我们将通过介绍touch事件,来获取鼠标位置。 事件名 功能 touchstart 鼠标点击时,触发该事件一次。 touchmove 当鼠标移动时,会多次调用该事件。 touchend 当鼠标停止移动时,触发该事件一次。templ...原创 2018-07-24 10:05:32 · 40427 阅读 · 2 评论 -
Vue 限制input输入 小数点后两位number
3. Vue 限制input输入 小数点后两位number首先介绍一些input(表单元素)常见的type type 类型说明 text - button - number 过滤非数值类型的值 tel 用于输入电话号码的控件 file -实现效果仅输入数值类型的控件// 禁止输入非数值类...原创 2018-07-24 11:05:13 · 41018 阅读 · 4 评论 -
【解决方案】vue 子组件watch监听不到prop
问题描述在vue项目中,父组件通过prop给子组件传值时,如果prop值是从服务器端获取,则父组件可能会传给子组件一个默认值(服务端数据还未及时获取),那么,我们就需要实时watch这个prop值,一旦prop值有更新,将立即通知子组件更新。解决方案watch: { levelDetail: { immediate: true, // 很重要!!! han...原创 2018-12-23 15:24:35 · 20828 阅读 · 4 评论 -
MVVM框架设计分析(以vue.js为例 )
MVVM 框架设计MVVM 框架已经成为前端圈的主流,同时也诞生了很多优秀的前端框架,有最早的Angular,以及后起之秀Vue、React等,为我们开发者提供了极大的便利。那么,什么样的框架设计才算是MVVM框架呢?MVVM框架的前身最早使用Java开发的程序员应该了解过,当时有一种JSP动态脚本语言,是以JAVA语言作为载体,由服务端直出HTML网页的一种技术。下面是JSP的编写格式...原创 2019-03-02 18:04:55 · 1339 阅读 · 0 评论 -
Vue2.0 实现锚点定位网页元素位置
问题描述vue2.0: 如何通过锚点定位网页元素位置?原理可以通过scrollTop属性,该属性可以获取或设置一个元素的内容垂直滚动的像素数。语法// 获得滚动的像素数var intElemScrollTop = document.querySelector('.anchor') // 通过类型定位锚点元素// 重新设值document.documentElement.scr...原创 2019-03-20 15:13:23 · 3528 阅读 · 0 评论