父组件列表页面 <!-- 危化品库管理 --> <template> <div> <!-- 添加 --> <div class="right add" @click=…

学会查找api在vue中，v-text=“”等指令中的双引号可以是任何简单的js表达式，Js简单的表达式包括：Js基本类型，数字，字符串等等，还可以是三元表达式 v-show 控制显示隐藏和v-if的区别v-show 可…

portfinder 用来检测未占用的端口更多看这里: https://www.npmjs.com/package/portfinder webpack-merge 用来合并多个webpack设置，也可以合并对象更多看这…

一、 vue实例和数据绑定 1、引入vue的代码 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script&g…

业务场景重现 现在我的App.vue里面有一个头部的公共组件，头部组件里有一个输入框，当我输入词条时，将词条传进App.vue里的<router-view>里的.vue页面，并进行查询获取数据解决思路如下： …

Vue自定义指令 一、Vue自定义指令 本文主要讲述的是Vue自定义指令内容，为后续实现级联组件作铺垫。 ① 指令简介 首先以常用的v-model指令的使用为例: <input type="text" v-mode…

有时我们在vue组件中使用swiper，而swiper中的图片是ajax获取的，会导致轮播图中只有第一张具有轮播图效果，这是因为ajax获取数据是异步的，所以new swiper（）会先执行，等到ajax数据获取之后，d…

vue程序在组件中进行传值有多种方式，这里记录我在项目中使用到的三种： 1. 父组件向子组件传值 2. 子组件向父组件传值 3. 通过路由传参 父组件通过props向子组件传值 在子组件script中声明所要接收的参数名…

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket AP…

在element-ui的el-tree树形控件中默认获取选取当前选中id的方法是this.$refs.tree.getCheckedKeys();但是如果子节点不是全部选中的话，父节点算不选中。由于我们一般想要的是就算只…

因项目的需要，采用了MUI的滚动事件（scroll），遇到了不少的问题，做个记录，方便以后查询。 问题一：引入MUI顶部滑动样式后，顶部滑动条全屏显示 <div id="slider" class="mui-sli…

了解Vue的构建，可以从package.json文件开始sprits命令内关于构建的命令如下 { ... "build": "node scripts/build.js”, // web版本 // sever "buil…