- 示例代码如下： <div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button> </div> <script> new Vue({ el: "#app", methods:{ add:functio... 示例代码如下： <div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button> </div> <script> new Vue({ el: "#app", methods:{ add:functio...
- 属性 window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。 在窗口大小改变之后,就会触发resize事件. //vue页面 <template> <div id='echart'> 报表 </div> </template> <script> export default { data() { return ... 属性 window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。 在窗口大小改变之后,就会触发resize事件. //vue页面 <template> <div id='echart'> 报表 </div> </template> <script> export default { data() { return ...
- 表单检验 注：prop对应的不单单是rules规则里面的验证项，同时对应着我们form-item下的v-model的值。prop绑定的类要与el-form-item下的v-model的值相对应。否则就算校验元素输入字符，也会提示“请输入”之类的提示语，造成校验不友好问题。 清除表单校验 // 清除表单校验的提示 if (this.$refs['XXX']) {... 表单检验 注：prop对应的不单单是rules规则里面的验证项，同时对应着我们form-item下的v-model的值。prop绑定的类要与el-form-item下的v-model的值相对应。否则就算校验元素输入字符，也会提示“请输入”之类的提示语，造成校验不友好问题。 清除表单校验 // 清除表单校验的提示 if (this.$refs['XXX']) {...
- 说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素）使用：在 HTML元素 中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意：如果获取的是一个子组件，那么通过ref就能获取到子组件中的data和methods 一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个do... 说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素）使用：在 HTML元素 中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意：如果获取的是一个子组件，那么通过ref就能获取到子组件中的data和methods 一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个do...
- Boolean(); 参数为 0、null 和无参数返回false，有参数返回true。 Boolean(""); //输出为：false Boolean(null); //输出为：false Boolean(0); //输出为：false Boolean("hi"); //输出为：true Boolean(100); //输出为：true Boolean... Boolean(); 参数为 0、null 和无参数返回false，有参数返回true。 Boolean(""); //输出为：false Boolean(null); //输出为：false Boolean(0); //输出为：false Boolean("hi"); //输出为：true Boolean(100); //输出为：true Boolean...
- 简介 mock是一个模拟数据生成器，旨在帮助前端独立于后端进行开发，帮助编写单元测试。其可模拟 Ajax 并返回模拟数据，使前端不用去调用后端的接口，方便测试。 官网： http://mockjs.com/0.1/#mock 应用 安装mock npm install mockjs 1 引用 在main.js中引用 // main.js require(... 简介 mock是一个模拟数据生成器，旨在帮助前端独立于后端进行开发，帮助编写单元测试。其可模拟 Ajax 并返回模拟数据，使前端不用去调用后端的接口，方便测试。 官网： http://mockjs.com/0.1/#mock 应用 安装mock npm install mockjs 1 引用 在main.js中引用 // main.js require(...
- 这是webpack的路径别名，相关代码定义在配置文件webpack.base.config里： resolve: { // 自动补全的扩展名 extensions: ['.js', '.vue', '.json'], // 默认路径代理 // 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找 alias... 这是webpack的路径别名，相关代码定义在配置文件webpack.base.config里： resolve: { // 自动补全的扩展名 extensions: ['.js', '.vue', '.json'], // 默认路径代理 // 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找 alias...
- 需求：当页面需要处理图片渲染完毕的时候，对图片进行加水印操作。 想到了image的onload事件，当图片加载完成之后再处理图片。 原生js <img onload="get(this)" src="..." style="display: none"/> <script type="text/javascript"> function get(ts){ ts.s... 需求：当页面需要处理图片渲染完毕的时候，对图片进行加水印操作。 想到了image的onload事件，当图片加载完成之后再处理图片。 原生js <img onload="get(this)" src="..." style="display: none"/> <script type="text/javascript"> function get(ts){ ts.s...
- 问题描述 父组件通过Promise等其他异步方式获取异步数据，并传递给子组件，子组件直接显示没有问题，若对数据进行处理，则拿到的数据都是父组件初始值。 原因分析 父组件通过Promise等其他异步方式获取异步数据，在尚未等到数据返回时，子组件 created已经执行完毕，故此时子组件中的数据为父组件上次的数据。 父子组件的生命周期： 一、加载渲染过程 父be... 问题描述 父组件通过Promise等其他异步方式获取异步数据，并传递给子组件，子组件直接显示没有问题，若对数据进行处理，则拿到的数据都是父组件初始值。 原因分析 父组件通过Promise等其他异步方式获取异步数据，在尚未等到数据返回时，子组件 created已经执行完毕，故此时子组件中的数据为父组件上次的数据。 父子组件的生命周期： 一、加载渲染过程 父be...
- 第一种方式 npm view jquery versions 这种方式可以查看npm服务器上所有的jquery版本信息； 第二种方式 npm view jquery version 1 这种方式只能查看jquery的最新的版本是哪一个； 第三种方式 npm info jquery 1 这种方式和第一种类似，也可以查看jquery所有的版本， 但是能查出更... 第一种方式 npm view jquery versions 这种方式可以查看npm服务器上所有的jquery版本信息； 第二种方式 npm view jquery version 1 这种方式只能查看jquery的最新的版本是哪一个； 第三种方式 npm info jquery 1 这种方式和第一种类似，也可以查看jquery所有的版本， 但是能查出更...
- 这个配置文件是命令npm run build 的入口配置文件，主要用于生产环境。 由于这是一个系统配置文件，将涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。 // 此文件是在node环境中运行的，使用webpack的nodejsAPI实现自定义构建和开发流程 // npm和node版本检查，请看我的check-versions配置文件解释... 这个配置文件是命令npm run build 的入口配置文件，主要用于生产环境。 由于这是一个系统配置文件，将涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。 // 此文件是在node环境中运行的，使用webpack的nodejsAPI实现自定义构建和开发流程 // npm和node版本检查，请看我的check-versions配置文件解释...
- 1.computed区别于method的两个点： computed是属性调用，而methods是函数调用；computed带有缓存功能，而methods不是； 下面我们看一个具体的例子 <!--HTML部分--> <div id="app"> <h1>{{message}}</h1> <p class="tes... 1.computed区别于method的两个点： computed是属性调用，而methods是函数调用；computed带有缓存功能，而methods不是； 下面我们看一个具体的例子 <!--HTML部分--> <div id="app"> <h1>{{message}}</h1> <p class="tes...
- 这个配置文件是命令 npm run unit 的入口配置文件，主要用于单元测试。 这条命令的内容如下 “cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run” 这条命令中的 cross-env 是跨平台设置环境变量，你在命令行中设置环境变量加上这句话就是了。 karma sta... 这个配置文件是命令 npm run unit 的入口配置文件，主要用于单元测试。 这条命令的内容如下 “cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run” 这条命令中的 cross-env 是跨平台设置环境变量，你在命令行中设置环境变量加上这句话就是了。 karma sta...
- 在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法： <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName... 在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法： <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName...
- 新版本webpack生成的dev.server.js 在webpack.dev.conf.js中 webpack.dev.conf.js 1 const axios = require('axios') const express = require('express') const app = express() const apiRoutes = express... 新版本webpack生成的dev.server.js 在webpack.dev.conf.js中 webpack.dev.conf.js 1 const axios = require('axios') const express = require('express') const app = express() const apiRoutes = express...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签