IT入门 > 教程 > vue教程 >

事件处理方法

问候...

监听事件

可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 加 1 按钮被点击了 {{ counter }}次. var example1 = new Vue({ el: '#ap', data: { counter: 0 } })...

修饰符

在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 (除了上述输入法组合文字时)。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步： .number 如果想...

复选框

lt;div class=quot;explainquot;gt; lt;input type=quot;checkboxquot; id=quot;checkboxquot; v-model=quot;checkedquot;gt; lt;label for=quot;checkboxquot;gt;{{ checked }}lt;/labelgt; lt;/divgt;...

对象绑定

绑定的数据对象不必内联定义在模板里： 数据如下 data: { classObject: { active: true, 'text-danger': false }} classObject对象可以通过计算动态获得...

绑定多个class

p>你可以在对象中传入更多属性来动态切换多个 class data 如下 data: { isActive: true, hasError: false} 渲染结果为...

类的绑定

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们 Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型...

指令的值数据-简写

p>在很多时候，你可能想在 bind 和 update 时触发相同行为，而不关心其它的钩子 div id=app p页面载入时，input 元素自动获取焦点：/p input v-focus=true/div script// 创建根实例new Vue({ el: #app, dire...

自定义指令

除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点 页面载入时，input 元素自动获取...

多个复选框

div id=app input type=checkbox id=name1 value=木木 v-model=checkedNames label for=name1木木/label input type=checkbox id=name2 value=曾庆林 v-model=checkedNames label for=name2曾庆林/label input type=checkbox id=name3 value=mumu v...