<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script src="https://unpkg.com/vue/dist/vue.js"></script
转载
2017-12-28 14:23:00
95阅读
2评论
全局自定义指令：Vue.directive() 局部自定义指令：directives directive(参数一,参数二) 参数一：指令名称 参数二：指令的配置项，可以是函数，也可以是对象 函数： 参数一：使用当前指令的元素 参数二：指令的详细信息 { modifiers:修饰符（只要自定义指令后面
原创
2021-07-13 16:28:10
440阅读
vue 自定义指令主要是操作dom，主要是为了记住一个验证的例子
directive自定义指令除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。注意，在 Vue2.0 里面，代码复用的主要形式和抽象是组件——然而，有的情况下,你仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令。官方建议direc
methods: {
fn () {
this.content = '新内容'
}
}
})设置事件处理程序后，可以从参数中接收事件对象var vm = new Vue({el: "#app",
data: {
content: "新内容"
},
method: {
fn (event) {
前言vue3.0-beta 版本已经发布了一段时间了，正式版本据说在年中发布（直播的时候说的是年中还是年终，网上传闻说是6月份）。嘴上说着学不动，身体却很诚实地创建一个vue3的项目，兴致勃勃地引入 vue2 插件的时候，眉头一皱，发现事情并没有那么简单。浏览器无情地抛出了一个错误：
Uncaught TypeError: Cannot set property '$toast' of und
背景：项目有用到 vue-echarts, 百度推出的 vue 版本的 Echarts，图表自带响应式属性 auto-resize, 来实现窗口尺寸变化时，图表的尺寸自适应，但是发现它是靠监听 window 的 onresize 来实现的，而有时候当chart 容器 尺寸变化时，window 窗口大小是不变的，比如我这次遇到的，侧边菜单栏的显示隐藏切换，导致内容区域整体部分宽度会变化，但是wind
背景：在使用vuedraggable做一个拖动应用图片排序的场景下，在android、iOS、chrome模拟移动设备 的情况，应用图片用的是svg，大概率会出现ghost元素不消失，也不触发end事件的诡异情况。注意PC端使用chrome 调试模式下，不开启模拟移动设备不会出现这种情况，开启来模拟移动设备也会出现。解决办法给svg元素设置一个css样式，即可；svg {
pointer-eve
转载
2024-10-17 16:58:48
40阅读
一、特性1、轻量高效，可按需绑定事件2、支持按需导入 echarts 图表或组件3、支持组件自动更新视图二、使用之前需要先引入依赖）（以下三种方式均可引入）1、npm install vue-echarts
2、yarn add vue-echarts
3、cnpm install vue-echarts引入之后全局注册// 在main.js中全局引入
import ECharts from 'v
旧版本卸载问题说明 vue2.x脚手架旧版本卸载不掉的问题：（卸载命令运行后输入vue --version仍一直显示旧版本）问题解释 首先明确一点，卸载不掉肯定说明你的电脑中至少有两个地方存在脚手架，而你的卸载操作只是卸载了其中之一。而出现这个情况的原因，一般来说是你在npm的默认路径下安装过脚手架，在配置了npm全局安装路径之后又安装过脚手架，所以有两个脚手架。（顺带一提，这样的情况提示的都是默
一： 指令(Directive):是Vue对HTML标签新增加的、拓展的属性(也称之为特性), 这些属性不属于标准的html属性，只有Vue认为
原创
2023-05-16 00:09:18
773阅读
Vue自定义指令的简单介绍。
原创
2022-06-30 17:02:17
121阅读
先看下官方文档怎么解释：vue2.0中，代码的复用和抽象主要形式是组件，然而有些情况需要对
原创
2019-07-14 08:20:06
84阅读
1.除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点：Vue 自定义指令 页面载入时，input 元素自动获取焦点： 2.钩子钩子函...
原创
2021-07-27 20:24:25
582阅读
这次我们介绍Vue实例提供的一些有用的属性和方法，这些属性和方法名都以前缀$开头。一、实例属性1.组件树访问• $parent 用来访问当前组件实例的父实例
• $root 用来访问当前组件树的根实例，如果当前组件没有父实例，$root表示当前组件实例本身
• $children 用来访问当前组件实例的直接组件实例
$refs 用来访问使用了v-ref指令的子组件。2.
转载
2024-04-16 15:10:19
102阅读
文章目录事件监听(v-on:)v-on传参数v-on修饰符 事件监听(v-on:)在前端开发中，我们需要经常和用户交互。
这个时候，我们就必须监听用户发生的事件，比如点击、拖拽、键盘事件等等。在Vue中如何监听事件呢？使用v-on指令。v-on介绍
作用：绑定事件监听器。缩写：@
预期：Function | Inline Statement | Object
参数：event
下面，
转载
2024-04-01 01:31:24
144阅读
1.npm安装 npm install echarts --save2.引入 echartsvue2与vue3引入方法不同 （1）vue2引入：通过Vue.prototype把echarts挂载到全局，在模板中给定一个div容器用来放置图表，通过id获取dom，再根据dom初始化echarts，就可以进行图表的绘制了。//main.js入口文件
import * as echa
转载
2024-03-07 12:27:15
226阅读
一、在
Vue单个页面运用<template>
<div id="divId">
</div>
</template>
<script>
export default {
data() {
return {
screenWidth: docu
原创
2023-09-14 10:52:58
1591阅读
v-on的基本使用<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<div id="app">
<h2>{{cou
实现功能：自然人和法人切换显示各自的内容 分别判断自然人和法人点击添加按钮判断是否有值，没有值时提示错误，有值则提交添加成功点击编辑编辑当前内容，隐藏添加按钮，显示完成和取消按钮点击删除当前点击完成按钮更新当前内容点击取消当前/*错误提示*/
.defendant-error {
display: block;
}
.errors {
color: red;
po
转载
2024-07-16 20:04:44
37阅读
一、直接在组件标签上绑定事件1、关于组件的自定义事件，实现步骤：①提供事件源（这个事件源是一个组件）②给组件绑定事件：v-on:事件名 或者 @事件名③编写回调函数，将回调函数和事件进行绑定。④等待事件的触发，只要事件触发，则执行回调函数。对于组件自定义事件来说，要想让事件发生，需要去执行一段代码。这段代码负责去触发这个事件，让这个事件发生。事件绑定在A组件上，则触发这个事
转载
2024-09-30 21:35:38
117阅读
