vue之自定义指令
来源:互联网 发布:cl.4z3.pw index.php 编辑:程序博客网 时间:2024/05/18 03:47
除了内置指令,Vue.js也允许注册自定义指令。自定指令提供一种机制将数据的辩护映射为DOM行为
一.自定义指令注册的方式
1.全局注册
Vue.directive('demo', {bind: function() {console.log('demo bound');},update: function(value) {console.log('update')}})
2.组件内部注册
<script>export default {data () {msg: 'welcom vue'},directives: {focus: {inserted: function(el) {el.focus();}},demo: {bind: function(el, binding, vnode) {el.innerHTML = 'name: ' + binding.name + '<br>' + 'value: ' + binding.value + '<br>' + 'expression: ' + binding.expression + '<br>' + 'argument: ' + binding.arg + '<br>' + 'modifiers: ' + JSON.stringify(binding.modifiers) + '<br>' + 'vnode keys: ' + Object.keys(vnode).join(', ')}}},}</script>
阅读全文
0 0
- vue之自定义指令
- Vue之自定义指令
- Vue之自定义指令
- vue.js之自定义指令
- Vue.js指令篇之自定义指令
- Vue之自定义指令进行表单验证。
- 09、vue.js 之自定义指令
- vue自定义指令-vue-reclick
- vue 自定义指令
- Vue自定义指令-拖拽
- Vue.js--自定义指令
- Vue自定义指令
- vue自定义指令
- vue自定义指令
- Vue.js--自定义指令
- vue-自定义指令-拖拽
- 14-Vue自定义指令
- Vue.directive 自定义指令
- Zephyr程序初探(5):thread程序
- hashMap原理
- laravel中的表单Form的使用
- Package libvirt was not found in the pkg-config search path
- Qt之QImageWriter
- vue之自定义指令
- php--条件语句
- mybatis 的懒加载原理
- JavaScript中call,apply,bind方法的总结。
- 模拟XML文件信息的读取并创建实例
- 51单片机头文件reg51.h详解
- 小白书字母重排
- Objective-C排序算法实现
- c++作业6