- 博客(6)
- 收藏
- 关注
RSS订阅原创 简述Vuex的使用
vuex是什么，引用官网的话来说。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。通俗来说就相当于一个仓库，把你想要的值存在里面，像组件之间可以用组件的通信进行一些值的拿用，这只限于组件通信之间，而vuex小仓库里面的值在哪里都可以直接拿用。1.安装npm install vuex --save下载之后在main.js里面全局引入并挂载import Vue from 'vu
2022-05-18 19:23:18
314
原创 localhost可以访问换成本机ip就无法访问
开发过程中有时候需要在真机上查看一下页面效果就需要把localhost换成本地的IPv4地址，就会出现换了地址之后页面就不见了，需要在package.json文件里，加上--host 0.0.0.0即可解决问题
2022-05-10 16:40:55
3351
原创 v-drag拖拽div
先给需要拖拽的div盒子标签加上v-drag <div class="box_mid" v-drag> </div><script>export default { data() { return { }; }, directives: { drag: { // 指令的定义 bind: function(el) { let oDiv = el; // 获取当前元素 oDiv.onmousedown = e =&
2022-04-18 16:04:47
205
原创 循环遍历forEach
1：forEach()就是 for 循环的加强版，该语句需要一个回调函数，作为参数。回调函数的形参，如下图，依次为，aaa：遍历的数组内容；bbb：对应的数组索引，ccc：数组本身。arr.forEach((aaa,bbb,ccc) =>{ console.log(aaa); // console.log(bbb); // console.log(ccc); })arr.forEach((aaa,bbb,ccc) =>{
2021-12-16 15:13:34
232
原创 vue关键字筛选过滤
先写个输入框，和要展示的内容，<input type="text" placeholder="输入" v-model="chooseaaa" /> <view v-for="(item,index) in newarry" :key="index"> {{item.name}} </view>这里的数组newarry是筛选之后呈现的数组patharry:[{ id:'001',name:'张三',age:'18' },{
2021-12-15 10:24:14
1645
原创 iframe父窗体与子窗体通信
A页面中包含一个iframe,iframe加载B页面(父窗体与子窗体通信)父页面：<div v-show="wwww"> <iframe src="https://XXXXX" width="458px" height="603px"></iframe></div>var self = this window.addEventListener('message', function(e) { if (e.data.msg==
2021-12-14 10:16:01
129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人