vue.js
随笔记录
君子-如兰
不断探索新技术、新趋势,为团队和公司创造更大的价值。
展开
-
vue路由传参的三种方式
vue项目中很多情况下需要用到路由传参,想了一下有三种1,query方式2,params方式3,在路由地址后面拼接参数一,query方式//第一步先注册路由import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import Route1 from '@/components/Route1'Vue.use(Router)expo原创 2021-05-16 13:51:14 · 1098 阅读 · 0 评论 -
vuex的使用方法
Vuex 是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。什么时候需要使用vuex?如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的 store 模式 (opens new window)就足够您所需了。但是,如果您需要构建一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,Vuex原创 2021-04-25 16:41:25 · 129 阅读 · 0 评论 -
vue组件通信的几种方式
vue组件中的通信方式一共有3种,它们分别是:1,父子组件通信2,子父组件通信3,兄弟组件通信一,父子组件通信//这是父组件 里面有一个num,把num传给子组件<template> <div id="app"> <chlidren :num="num"/> </div></template><script>import chlidren from './components/chlidr原创 2021-04-24 21:37:50 · 1834 阅读 · 0 评论 -
css footer固定在底部
css footer固定在底部,即有内容footer随着内容的高度撑开,如果内容比较少,就直接显示在屏幕的最下面实现方式:给父元素设置相对定位并设置最小高度,给子元素设置绝对对位,并bottom等于0即可,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style&g原创 2020-11-15 21:51:05 · 676 阅读 · 0 评论 -
javascript去掉字符串中的字母
functionLetter(str){varresult;varreg=/[a-zA-Z]+/;//[a-zA-Z]表示匹配字母,g表示全局匹配while(result=str.match(reg)){//判断str.match(reg)是否没有字母了str=str.replace(result[0],'');//替换掉字母...原创 2019-07-14 14:21:03 · 8585 阅读 · 0 评论 -
js刷新页面随机显示不同的div
又是一个简单的小特效,可能会用的到<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>Title</title>原创 2018-07-07 23:11:20 · 2417 阅读 · 0 评论 -
微信小程序省市区三级联动
微信小程序省市区三级联动用的还是比较多的,以下是相关代码,还是先上效果图吧结构部分wxml结构<view class="ship_list"> <view class='ship_name'><text>联系人</text><input class='ship_focus' placeholder="姓名" auto原创 2018-02-06 21:59:58 · 8793 阅读 · 13 评论 -
js实现元素的clone与拖动
js实现元素的clone与拖动有时候还是会遇到的,以下是示例代码<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="textml; charset=utf-8" /> <title>Clone&原创 2018-06-23 22:18:49 · 2725 阅读 · 20 评论