以 新增honghu环境为例 1.首先在根目录添加.env.honghu 文件，配置对应模式的配置（这里注意文件名称与环境变量一致）。给.env.honghu文件内配置对应的配置 ，如图所示： 上方图片中 .env.honghu 文件内代码： VUE_APP_SECRET = honghu NODE_ENV = honghu 2. 在package.json文件内加入 ： "honghu": "…
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 事件 一、vue中的事件如何使用 二、Vue中的事件传递 3.Vue中的事件修饰符 Vue改变内容--虚拟DOM和diff算法 webpack router.go router.push 去掉vue图标，自定义自己的页面 CSS 页面写法 事件 一、vue中的事件如何使用 官网例子 https://cn.vuejs.org…
1、需求：可以自定义设置表格表头展示哪些内容，如默认展示（图一），点击表格最后一列表格的图标弹出表头的全部字段（图二），经过设置之后（图三） 图一： 图二： 图三： 2、具体实现（因为还没确认表头默认展示和全部展示的数据是否是后台返回，所以自己写了静态数据） 父组件： html <a-table :columns="state.columns" :row-key="(record) =>…
html结构 <iframe :src="this.data" //请求后台接口返回的网址 id="bdIframe" scrolling="no" frameborder="0" style="width: 100%; height: 100%" ></iframe> 自动计算当前iframe标签高度 mounted() { /** * iframe-宽高自适应显示 */…
1.再使用富文本编辑器进行修改查看的操作时，富文本编辑器会自动获取光标，当有多个富文本编辑器时页面会直接从底部显示而不是从头部显示。如： 2.当页面打开时光标会自动在“关于我们*”框中显示。 那我们该如何让光标不显示，同时页面从顶部开始呢？ 其实很简单，只需要： //刚开始时，不聚焦 //具体位置可根据情况也可以放在赋值之后 //1秒之后可以点击（聚焦） 要在 mounted 钩子函数中做处理，因…
在vue-cli构建的项目中，且使用在移动端，我们希望每一个页面加载时都可以使用flexible.js来适配手机。 那么这个flexible.js被import到每一个组件中就不合适了。 好的方法是直接放在index.html的head中。 方法如下： 第一步： 在src同一个目录下建立static文件夹(vue-cli自身就有)，然后在static中建立一个js文件夹存放静态js文件，即把fle…
Vue3设计思路 – 实现简单的createApp工厂函数 vue3相比于vue2有了质的飞跃，尤大大做了很多底层的逻辑工作。使得vue3的速度比原来要快乐非常的多，配合上Vite这个工具，可以给开发者更好的开发体验。 看代码可以知道 createApp() 之后创建的实例可以立刻跟一个 mount 方法，但是底层其实还有一个编译的过程。写了以后会收获很大的，原来还能这样设计！ 创建实例的区别 v…
自定义事件的解绑 运用 $off 这个api来实现 1.解绑一个自定义事件时 举例： StudentLqj.vue: <template> <button @click="sendStudentName">把学生名给App</button> //上面是给app里的：（atlqj）做出的绑定事件 <button @click="unbind">把学生名…
实现效果： 说明： 基于antd实现搜索，全选，多选功能，并且支持保存，重置，初始默认选中项。 注意事项： 我的列表格式是这样的 [ { code: 1, name: '停车场1' }, { code: 2, name: '停车场2' }, { code: 3, name: '停车场3' }, { code: 4, name: '停车场4' }, { code: 5, name: '停车场5' }…
Vue响应式设计思路 Vue响应式主要包含： 数据响应式 监听数据变化，并在视图中更新 Vue2使用 Object.defineProperty 实现数据劫持 Vu3使用 Proxy 实现数据劫持 模板引擎 提供描述视图的模板语法 插值表达式 { {}} 指令 v-bind , v-on , v-model , v-for , v-if 渲染 将模板转换为html 解析模板，生成 vdom ，把 …