自定义指令
自动聚焦指令
全局定义(main.js):
Vue.directive('focus', { // 此处不是一个函数
// 当被绑定的元素插入到 DOM 中时……
inserted: (el) => { // el代表DOM元素
el.focus() // js操作DOM
}
})
局部定义(XX.vue)
export default {//在export default下面直接加
//自定义指令自动聚焦
// directives: {
// 'focus': {
// inserted: (el) => {
// el.focus()
// }
// }
// },
}
使用方法
<input type="text" placeholder="你好" v-focus>
过滤器:
全局定义(main.js)
Vue.filter('sexFilter', (val) => {
return val === 0 ? '女' : '男'
})
局部定义(xx.vue)
export default {
filters: {
sexFilter (val) {
return val === 1 ? '一阶段' : val === 2 ? '二阶段' : '三阶段'
}
},
}
使用方法:
{{sex|sexFilter}}
长风破浪会有时,直挂云帆济沧海