忄忄zx-CSDN博客

原创 vuex 使用 (vue2)

在组件中引用 //1.this.$store.state.xxx //2. mapstate computed: mapState({ xxx2: state => state.xxx// 这里引用可以设置 state中 xxx的值为 xxx2 }) // state中多个属性 computed: { ...mapGetters(['xxx']), // 使用数组的方法直接取值 ...mapState(['xxx2']), //自定义的计算属性

2021-09-08 16:40:56 110

原创 addRouter 使用 , 后台生成路由数据

// 后台生成数据格式{ "code": 0, "message": "success", "menus": [{ "id": "1", "name": "myinfo", "path": "/myinfo", "component": "views/myinfo/index.vue", "meta": { "title": "个人

2021-09-01 11:44:59 661

原创 es6 语法

赋值// 一一对应let [a, b, c] = [10, 20, 30]console.log(a) // 10console.log(b) //20console.log(c) //30// 左右不相等let [a, b] = [10, 20, 30]console.log(a) //10console.log(b) //20let [,,c] = [10, 20, 30]console.log(c) //30let [a, b, c] = [10, 20]conso.

2021-08-27 23:47:17 97

原创 redux 的基础使用

安装 redux# NPMnpm install redux# Yarnyarn add redux创建redux文件// actionTypes.js 公共变量,避免多次使用时书写错误 export const INCREMENT = 'increment' // actions.js //为描述应用程序中发生了什么的事件.// 同步方法 export const increment = count => ({ type: INCREMENT, data:.

2021-08-15 22:05:04 76

翻译 vue2 插槽基本使用

父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。1.基本使用A组件 //navigation-link <div> <slot></slot> </div>B组件 <navigation-link>传 html, 组件 , 模板代码</navigation-link>插槽具有默认值A组件 //navigation-link <button t

2021-08-12 16:35:28 241

原创 vue js拼接html标签,添加点击事件

// vue 拼接js字符串添加点击事件 const station = ['a', 'b', 'c', 'd'] var infoWin1 = new T.InfoWindow() // var sContent = '<div>摄像头列表</div>' var arrname = '' station.forEach(item => { // sContent = '<div @οnclick=s

2021-08-04 19:53:06 2027 1

原创简单使用videojs 播放m3u8格式的视频

安装插件npm i videojsnpm install --save video.jsnpm install --save video.js //窗口样式局部引入import videojs from 'video.js'import 'video.js/dist/video-js.css'import 'videojs-contrib-hls'使用<video id="videoPlayer" class="video-js"></video>.

2021-07-27 18:27:02 4494

原创学习react移动端 Ant Design Mobile项目第一天

1.创建项目2.引入ant mobilenpm install antd-mobile --save3.修改public下的index.html<!DOCTYPE html><html><head>  // <meta name="viewport" content="width=device-width, init

2021-07-26 22:54:47 930

转载调试工具redux 不能使用

报错: No store found. Make sure to follow the instructions.import { createStore, applyMiddleware, compose } from 'redux'import thunk from 'redux-thunk'import reducers from './reducers'const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ |

2021-07-26 22:15:42 299

翻译 vue 数组语法(动态绑定class)

数组语法我们可以把一个数组传给 :class，以应用一个 class 列表：<div :class="[activeClass, errorClass]"></div>data() { return { activeClass: 'active', errorClass: 'text-danger' }}渲染的结果为：<div class="active text-danger"></div>如果你想根据条件切换列表中

2021-07-26 18:26:22 3249

原创 react-Context

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-07-22 23:26:57 35

原创 react 获取获取dom

react 获取获取dom如果子组件是函数式组件,为了获取子组件的dom, 子组件需要使用 forwardRef 包起来, 把父组件的的ref传递过去进行使用import React, { createRef, forwardRef } from 'react'import ReactDOM from 'react-dom'const FocusInput = forwardRef((props, ref) => { return ( <div>

2021-07-22 23:01:49 770

原创步进器动态渲染绑定动态变量

<div v-for="item in goodsList" :key='item.id'> <nut-stepper :value.sync="item.goodsNum" // 动态绑定的变量 :min="0" :max="item.amount" @change="clickStep" ></nut-stepper></div>// 调接口获取 goodsList的数据const da.

2021-07-21 18:03:45 333

qq_49267744的博客