<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compati…
分类:vue.js教程
从零开始构建自己的vue组件库之——button篇
第一篇:从零开始构建自己的vue组件库之————button篇 写在前面 为什么做这个?这是一个很值得思考的问题: = =首先目前vue.js成熟的框架已有很多,各种框架之间的特性、风格、完善度也参差不齐,有时候做项目选…
vue父组件触发事件改变子组件的值
父组件向子组件通信 业务场景:现在我要在父组件点击一个回退按钮,这个回退会传进子组件中(子组件中有两步进程),子组件来处理。 解决方案 起初我是父组件通过props传值,但是发现只有组件第一次加载时才能传值,通过事件改变…
Vue如何设置动态宽度高度或者动态样式
在开发过程中,很多时候都会用到动态的计算的样式,比如宽度,高度。特别是开发后台管理系统。 那么首先你务必看Vue的官方文档。涉及到的基础知识有: 绑定内联样式的使用 computed的使用 文档写的都是基础使用。那么在项…
vue多页面开发 页面公用模块逻辑如何复用
多页面开发中如何解决头部底部这样的多页面公用,如何实现逻辑复用 mixins解决以头部为例不建议定义为全局mixinsvar header_mixin = { data(){ return { } }, methods:…
vue中props的双向绑定
在vue的学习中,一开始我是自己写组件练手的,在这个过程中我遇到一个问题:props:父组件传递给子组件参数(1)props直接在子组件里直接使用是可以实时更新的(2)props如果在created,mounted等声明…
vue项目 移动端实现ip输入框问题
vue框架移动端做ip输入框组件,input在浏览器和微信端兼容问题。要求:只能输入数字,输入数字以外的字符(包括点、冒号等数字符号)时自动跳到下一段ip输入框.type=number类型,不会禁止点的输入。手动过滤拿不…
vue改变对象或数组时的刷新机制总结
总结:1.数组更改值,不会触发更新;增加删除值可触发更新。2.对象更改值可触发更新,增加或者删除属性不会触发更新。3.对象数组:数组中的对象更改值会触发更新。 一、纯数组——-showArr:[t…
前端山泉 💧
前端山泉 💧 前端优质文章与教程的搬运工 👷 原文 => github 持续更新,欢迎 ⭐ 📂 CSS CSS 灵感 — chokcoco …
vue组件间传递参数的几种方式
组件间传递参数的几种方式 父组件向子组件传递 // 父组件 <template> <center-template :form='userinfo'></center-template>…
浅析一波路由的hash 和 history 的区别与实现原理以及服务器刷新404的问题及解决方法
先解释下基本概念hashhash 不是那个哈希算法,就是以前url用的锚点,以前是多用来定位页面展示内容。代表符号是“#”之所以用hash是因为他既可以获取到,又可以不去刷新页面也不去请求服务器。满足单页面的需求。一般写…
vue 弹框产生的滚动穿透问题
首先定义一个全局样式: .noscroll{ position: fixed; left: 0; top: 0; width: 100%; } 创建一个dom.js文件,定义几个方法: export function h…