Auguring-CSDN博客

原创 vue ----vuex的使用

安装vuexnpm i vuex --save-dev配置1.创建一个文件夹2.在main.js将store引入全局import store from './store'new Vue 加上storenew Vue({ el: '#app', router, store, components: { App }, template: '<App/&gt...

2020-02-15 16:51:54 249 1

原创 vue组件交互父传子子传父非父子

父组件传给子组件：子组件通过props方法接受数据;子组件传给父组件：$emit方法传递参数非父子组件间的数据传递，兄弟组件传值eventBus，就是创建一个事件中心，相当于中转站，可以用它来传递事件和接收事件。项目比较小时，用这个比较合适。（虽然也有不少人推荐直接用VUEX，具体来说看需求咯。技术只是手段，目的达到才是王道。）父传子父组件 ↓通过自定义事件 :msg (随意命名) ...

2020-02-14 23:19:36 274

原创 vue中组件交互父传子删除表格信息

vue中的删除表格信息，居于组件交互，删除过程在父组件与子组件代码中分为六个步骤按步骤更好理解效果图默认状态↓删除状态↓删除后↓代码↓父组件（页面）<template> <div class="box"> <table class="tab" style="border-collapse:collapse;width:80%;margi...

2020-02-14 13:58:01 584

原创 JavaScript CheckBox复选框（全选/全不选反选）

运行代码后，即可实现全选/全不选反选等操作效果图默认↓全选↓反选↓代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini...

2020-02-13 22:02:45 161

原创 react 中from表单输入提交

效果图代码：import React, { Component } from 'react'import './from.css'class Parent extends Component { aihao = [ { name: "唱歌", value: "sing", ischecked: ...

2020-02-13 21:20:44 1076

原创 JavaScript实现留言框

效果图默认状态<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...

2020-01-30 21:21:37 613

原创用原生JavaScript 实现可滚动视图区域

这个效果本来是移动端上的效果（不想改了，有点懒），如果想修改成移动端效果，只需要修改按下、拖动、抬起的值就行实现效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d...

2020-01-29 22:41:41 559

原创 JavaScript 文章展开与收缩

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...

2020-01-15 12:41:59 230 1

原创 react 组件交互父传子子传父非父子

//父组件->子组件使用自定义属性，子组件通过props接收//子---->父使用是自定义事件自定义事件也是在props// 非父子本地存储本地存储如果存储的数据是json或者arr,一定要先JSON.stringify 再存，取值时，取出来先JSON.parse父传子父组件==》import React, { Component } from 'react'...

2020-01-15 11:06:06 233

原创微信小程序踩得坑 view中文字不能换行

微信小程序踩得坑 view中文字不能换行最近在练习小程序，使用接口调取数据，渲染到界面的时候，发现标题过长超过了屏幕边框并没有自动换行，鉴于对css3不是很熟悉的后端人员，各种搜索，各种尝试，终于找到了答案出现这种问题，截图：wxml:<view class="wen">{{item.three}}</view>wxcss:.wen { width: 200rpx;...

2020-01-01 18:44:34 404

Augur1212的博客