1、$event 变量 $event 变量用于访问原生DOM事件。 2、修饰符 例子:
转载 2017-12-18 15:21:00
67阅读
1、$event 变量 $event 变量用于访问原生DOM事件。 2、修饰符 示例:
转载 2017-12-18 10:15:00
68阅读
12点赞
1评论
数组方法之includes(写出我的myIncludes)首先,includes()方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。先来简单的使用一下include()方法var arr = [10,20,30,40,50]; arr.includes(10); //true当传入俩个参数的参数var arr = [10,20,30,40,50]; arr.inc
转载 2024-05-16 09:14:41
4204阅读
1点赞
原创 2023-07-12 10:05:08
39阅读
row.age + “”:将年龄转为字符串,防止数值类型导致的问题(如表单绑定的输入框要求字符串)。mod(row) 方法用于将指定行
一、基本概念Vue.extend( options )使用基础 Vue 构造器,创建一个“子类”。参数是一个包含组件选项的对象。一般,我们会用 Vue.extend 接收一个组件对象来创建一个构造器,再利用创建的构造器 new 一个实例,并将这个实例挂载到一个元素上。二、官网基本示例<div id="mount-point"></div>// 创建构造器
css 穿透 /* ::v-deep */ ::v-deep .类名 { } 引入本地文件 require() 获取原始数据 // 访问初始值 this.$options.data().xx dom 渲染后执行 //dom渲染完执行 this.$nextTick(() => {}) 子组件调用父组件 ...
转载 2021-07-24 14:02:00
71阅读
我们用 methods 选项向组件实例添加方法,它应该是一个包含所需方法的对象: <div id="app"></div> <script> const app = Vue.createApp({ data() { return {count: 4} }, methods: { increment( ...
转载 2021-09-29 11:38:00
463阅读
2评论
场景一:页面需要导入多个组件;vue2//在javaScript代码中,使用path模块处理路径,则需要先导入它。 const path = require('path'); const files = require.context('@/components',false,/\.vue/); const modules = {}; files.keys().forEach(key =>{
智能社——http://www.zhinengshe.com {{a}} 智能社——http://www.zhinengshe.com {{a...
转载 2017-06-10 02:41:00
149阅读
2评论
方法一:在main.js中引入(1)npm i jquerynpm i bootstrap在main.js中import 'jquery/dist/jquery.min'import 'bootstrap/dist/css/bootstrap.css'这样就可以生效
原创 2021-09-28 14:53:26
2088阅读
方法一:在main.js中引入(1) npm i jquerynpm i bootstrap 在main.js中 import 'jquery/dist/jquery.min'import 'bootstrap/dist/css/bootstrap.css' ...
转载 2020-03-04 17:05:00
256阅读
2评论
一. 过滤器  过滤器,就是vue允许开发者自定义的文本格式化函数,可以使用在两个地方:输出内容和操作数据中。  定义过滤器的方式有两种:  1. 使用Vue.filter()进行全局定义  示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
转载 2024-07-26 13:34:44
63阅读
vue2中$emit $on $off实现组件之间的联动,使用computed钩子触发响应函数父组件改变,子组件随之改变,另附公共实例的爬坑之路。 在vue2开发中,你肯定会遇到组件之间联动的问题,现在我们就来说说哪个神奇的指令可以满足我们的需求。一、先上实例:需求:点击A组件或者B组件可以使C组件的名称相应发生改变,同样,点击A组件也会使对应的B或者C
转载 2024-04-02 14:44:58
140阅读
/ Vue.set(this.student,'sex','男')//阻止 vue 在启动时生成生产提示。
原创 2024-02-26 10:34:09
36阅读
在网页的表单中,经常需要用程序来控制input和textarea的自动聚焦行为。例如我最近做的一个项目,有个装箱出库的流程,input框自动聚焦的流程如下:页面进入时自动聚焦到订单号输入框->订单号扫描完毕聚焦到商品条码输入框->扫描完一个商品条码后依然停留在条码输入框->所有条码扫描完毕聚焦到订单号输入框。为了应付这种需求,就做了这个指令,github地址:vue-auto-f
转载 2024-06-26 23:36:50
64阅读
vue.jsvue.js只聚焦视图层,是构建数据驱动web界面的一个库。数据绑定定义:将数据和视图相关联,当数据发生变化时,可以自动更新视图。语法 1) 插值     使用双大括号{{}},双大括号会将里面的值当做字符串进行处理;而如果值是HTML片段时,则使用三个大括号进行绑定<!-- {{text}}值改变时,文本值也会联动发生变化。即渲染一次,就
转载 2024-08-21 20:32:44
406阅读
Vue页面需要加载JSON数据,直接通过【相对路径】【绝对路径】的加载方式,会出现以下错误。Not allowed to load local resource: file:///E:/deskept/xxx查阅了一些博客,知道了这是由于浏览器出于安全方面的考虑,禁止网页访问本地文件,当然也有很多的解决办法(数据存在tomcat、配置其他环境等),但是,我已经要用Vue做前端,Flask做服务端,
转载 2023-11-10 10:35:10
116阅读
目前在做一个后台管理系统,项目要求在页面右上角加上一个刷新图标按钮,点击按钮时刷新页面。 对于页面刷新个人知道这几种方式 1.利用vue的路由跳转: this.$router.go(0) 这种方式的刷新方式利用了路由特性,优点很明显,方便。一行代码即可搞定,但是呢,缺点也很致命:页面会一瞬间的白屏,体验不是很好。在当前的项目需求中不适合 2.location对象的reload方法: locatio
转载 2024-02-21 21:07:23
134阅读
简介vue是非常流行的框架,他结合了angular和react的优点,从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框架。本人比较喜欢用之。在我们用vue时,我们经常用到一个方法是this.$nextTick,相信你也用过。我常用的场景是在进行获取数据后,需要对新视图进行下一步操作或者其他操作时,发现获取不到dom。因为赋值操作只完成了数据模型的改变并没有完成视图更新。在这个时候我们
  • 1
  • 2
  • 3
  • 4
  • 5