- 子组件使用this.$emit()向父组件传值时，首先必须在父组件中引用子组件，然后实现传值。 第一步 在父组件中引入子组件 引入 使用import引入组件 import indexImportOrder from './components/indexImportOrder' 1 声明 //定义组件 components:{ indexImportOrd... 子组件使用this.$emit()向父组件传值时，首先必须在父组件中引用子组件，然后实现传值。 第一步 在父组件中引入子组件 引入 使用import引入组件 import indexImportOrder from './components/indexImportOrder' 1 声明 //定义组件 components:{ indexImportOrd...
- 一、key的作用 作为一个DOM节点的标识值，结合Diff算法可实现对节点的复用。(key相同的节点会被复用。) 只有当key(或其他导致isSameNode判断为false)发生改变时，才会触发节点的重新渲染。否则Vue将会复用之前的节点，通过改变节点的属性来实现节点的更新。 二、key使用id与index的区别 不推荐使用index作为key，因为这种做法会导... 一、key的作用 作为一个DOM节点的标识值，结合Diff算法可实现对节点的复用。(key相同的节点会被复用。) 只有当key(或其他导致isSameNode判断为false)发生改变时，才会触发节点的重新渲染。否则Vue将会复用之前的节点，通过改变节点的属性来实现节点的更新。 二、key使用id与index的区别 不推荐使用index作为key，因为这种做法会导...
- 1. ES5中concat合并数组 var array_1 = ['reese','root','fusco']; //["finch", "shaw", "bear", "reese", "root", "fusco"] var array_2 = ['finch','shaw','bear'].concat(array_1); 123 这样就实现了2个数组的合并... 1. ES5中concat合并数组 var array_1 = ['reese','root','fusco']; //["finch", "shaw", "bear", "reese", "root", "fusco"] var array_2 = ['finch','shaw','bear'].concat(array_1); 123 这样就实现了2个数组的合并...
- 解决方法：安装 “babel-polyfill” 命令：npm安装 npm install --save-dev babel-polyfill 或 cnpm install --save-dev babel-polyfill在入口main.js文件引入：import 'babel-polyfill'，放页面顶部最好。在build文件夹下找到webpack.base.c... 解决方法：安装 “babel-polyfill” 命令：npm安装 npm install --save-dev babel-polyfill 或 cnpm install --save-dev babel-polyfill在入口main.js文件引入：import 'babel-polyfill'，放页面顶部最好。在build文件夹下找到webpack.base.c...
- 1、express的router是属于后端的，Vue的router是属于前端的。2、服务端渲染时，express的router把数据和模板传给模板引擎的；客户端渲染时，通过路由去获得静态页面，浏览器发送http请求向服务端获取数据，Vue router是不需要传数据的。3、express的middleware可以检测有没有登录，有没有输入正确的密码，跟Vue route... 1、express的router是属于后端的，Vue的router是属于前端的。2、服务端渲染时，express的router把数据和模板传给模板引擎的；客户端渲染时，通过路由去获得静态页面，浏览器发送http请求向服务端获取数据，Vue router是不需要传数据的。3、express的middleware可以检测有没有登录，有没有输入正确的密码，跟Vue route...
- 在前端项目开发过程中，为优化用户体验，可考虑在用户输入查询条件后按回车键实现搜索效果。实现方法如下： el-input 监听键盘按下状态得用@keyup.enter.native,如果是非el-input 组件，可以直接用@keyup.enter。 <el-input @keyup.enter.native="search" v-model='form.sea... 在前端项目开发过程中，为优化用户体验，可考虑在用户输入查询条件后按回车键实现搜索效果。实现方法如下： el-input 监听键盘按下状态得用@keyup.enter.native,如果是非el-input 组件，可以直接用@keyup.enter。 <el-input @keyup.enter.native="search" v-model='form.sea...
- hash代表compilation的hash值。compilation在项目中任何一个文件改动后就会被重新创建，然后webpack计算新的compilation的hash值。chunkhash 代表chunk的hash,模块发生改变才会重新生成hash。contenthash 解决改变style文件导致js文件重新生成hash的问题(使用extract-text-web... hash代表compilation的hash值。compilation在项目中任何一个文件改动后就会被重新创建，然后webpack计算新的compilation的hash值。chunkhash 代表chunk的hash,模块发生改变才会重新生成hash。contenthash 解决改变style文件导致js文件重新生成hash的问题(使用extract-text-web...
- 开发过程中，经常需要使用console.log、console.info、alert等操作来输出内容，测试代码，而在生产环境之中，这些打印的东西最好是不要显示、特别是用户名、密码相关。 一个个去删除、注释显然是很麻烦的一件事，所以我们可以通过修改配置变量，实现在开发环境打印，而生产环境不打印。 修改方法如下： 在项目的build/webpack.prod.conf.... 开发过程中，经常需要使用console.log、console.info、alert等操作来输出内容，测试代码，而在生产环境之中，这些打印的东西最好是不要显示、特别是用户名、密码相关。 一个个去删除、注释显然是很麻烦的一件事，所以我们可以通过修改配置变量，实现在开发环境打印，而生产环境不打印。 修改方法如下： 在项目的build/webpack.prod.conf....
- 1.resource请求 cnpm install vue-resource --save import VueResource from 'vue-resource' Vue.use(VueResource) this.$http.get("") 1234 2.axios 请求 cnpm install axios --save axios.defaults... 1.resource请求 cnpm install vue-resource --save import VueResource from 'vue-resource' Vue.use(VueResource) this.$http.get("") 1234 2.axios 请求 cnpm install axios --save axios.defaults...
- Computed 可以关联多个实时计算的对象，当这些对象中的其中一个改变时都会触发这个属性，具有缓存能力，所以只有当数据再次改变时才会重新渲染，否则就会直接拿取缓存中的数据。 例如，当我们想让div元素的背景色和文字颜色一致时，我们就可以使用computed属性。此时computed只会在初次渲染和文字颜色改变的情况下才会触发。其他情况下直接从缓存中读取。 Wa... Computed 可以关联多个实时计算的对象，当这些对象中的其中一个改变时都会触发这个属性，具有缓存能力，所以只有当数据再次改变时才会重新渲染，否则就会直接拿取缓存中的数据。 例如，当我们想让div元素的背景色和文字颜色一致时，我们就可以使用computed属性。此时computed只会在初次渲染和文字颜色改变的情况下才会触发。其他情况下直接从缓存中读取。 Wa...
- 前言 在开发Vue项目过程中，遇到页面样式混乱情形。后发现可通过刷新页面解决该问题，经过问题探究，发现使用最简单的页面刷新方法location.reload()或this.$router.go(0)均会导致页面刷新过程中出现空白现象的发生，用户体验不佳，故继续探究解决方法。 业务场景 在管理后台，在执行完，增，删，改，操作的时候。我们需要刷新一下页面，重载数据。在... 前言 在开发Vue项目过程中，遇到页面样式混乱情形。后发现可通过刷新页面解决该问题，经过问题探究，发现使用最简单的页面刷新方法location.reload()或this.$router.go(0)均会导致页面刷新过程中出现空白现象的发生，用户体验不佳，故继续探究解决方法。 业务场景 在管理后台，在执行完，增，删，改，操作的时候。我们需要刷新一下页面，重载数据。在...
- 前言 在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等及页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。 这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文... 前言 在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等及页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。 这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文...
- element ui 表格没有自带的拖拽排序的功能，只能借助第三方插件Sortablejs来实现。 git地址中文网 Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery requir... element ui 表格没有自带的拖拽排序的功能，只能借助第三方插件Sortablejs来实现。 git地址中文网 Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery requir...
- 此配置文件是vue开发环境的wepack相关配置文件。 // 引入当前目录中的utils工具配置文件 var utils = require('./utils') // 引入webpack来使用webpack内置插件 var webpack = require('webpack') // 引入config目录中的index.js配置文件 var config = re... 此配置文件是vue开发环境的wepack相关配置文件。 // 引入当前目录中的utils工具配置文件 var utils = require('./utils') // 引入webpack来使用webpack内置插件 var webpack = require('webpack') // 引入config目录中的index.js配置文件 var config = re...
- 在项目开发的时候，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们现在使用vue-cli进行项目打包的时候，我们在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问页面，但是我们的接口地址是 http://xxxx.com/save/index 这样的接口地址，我们这样直接使用会存在跨域的请求，导致... 在项目开发的时候，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们现在使用vue-cli进行项目打包的时候，我们在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问页面，但是我们的接口地址是 http://xxxx.com/save/index 这样的接口地址，我们这样直接使用会存在跨域的请求，导致...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签