笔记
qq_57623976
乾坤未定,你我皆是牛马
展开
-
简述Vuex的使用
vuex是什么,引用官网的话来说。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。通俗来说就相当于一个仓库,把你想要的值存在里面,像组件之间可以用组件的通信进行一些值的拿用,这只限于组件通信之间,而vuex小仓库里面的值在哪里都可以直接拿用。1.安装npm install vuex --save下载之后在main.js里面全局引入并挂载import Vue from 'vu原创 2022-05-18 19:23:18 · 296 阅读 · 0 评论 -
localhost可以访问换成本机ip就无法访问
开发过程中有时候需要在真机上查看一下页面效果就需要把localhost换成本地的IPv4地址,就会出现换了地址之后页面就不见了,需要在package.json文件里,加上--host 0.0.0.0即可解决问题原创 2022-05-10 16:40:55 · 3281 阅读 · 0 评论 -
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 · 201 阅读 · 0 评论 -
循环遍历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 · 223 阅读 · 0 评论 -
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 · 1623 阅读 · 0 评论 -
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 · 121 阅读 · 0 评论