当前位置：首页 > 软件库 > 程序开发 > >

ember-ref-modifier

Ember Ref Modifier

授权协议 MIT License

开发语言 JavaScript

所属分类程序开发

软件类型开源软件

地区不详

投递者孟海

操作系统跨平台

开源组织无

适用人群未知

软件概览

ember-ref-modifier

Check ember-ref-bucket first!

ember-ref-modifier likely will be deprecated after ember-ref-bucket major release

An implementation of the {{ref}} element modifier.Heavily inspired by ember-on-modifier and @ember/render-modifiers.

Installation

ember install ember-ref-modifier

Compatibility

Ember.js v3.13 or above
ember-cli v2.13 or above

Usage

<button {{ref this "button"}} data-name="foo">
  Click me baby, one more time!
</button>

{{this.button.dataset.name}} >> "foo"

<button {{ref this.callback}} data-name="foo">
  Click me baby, one more time!
</button>

class Component {
	@action callback(node) {
		this.node = node;
	}
}

<div {{ref this "divContainer" }}></div>
{{#-in-element this.divContainer}}
  Hello!
{{/-in-element}}

// hash helper must return an EmberObject! The default hash helper returns a pojo.
{{#let (hash) as |ctx|}}
	<input id="name-input" {{ref ctx 'inputNode'}}>
	<label for={{ctx.inputNode.id}}> Enter your name </label>
{{/let}}

<button {{ref this "button"}}>
  Click me baby, one more time!
</button>

import Component from '@ember/component';

export default class BritneySpearsComponent extends Component {
  button!: DOMNode
}

This is essentially equivalent to:

didInsertElement() {
  super.didInsertElement();
  this.set('button', this.element.querySelector('button'));
}

It will also re-register property, if any of the passed parameters change.

使用案例

5.Vue修饰符（Modifier）

目录 1. Vue环境搭建（Node） 2. npm与yarn详细使用 3. Vue介绍及其基本使用 4. Vue指令（Directives） 5. Vue修饰符（Modifier） 6. Vue计算属性（computed）和侦听器（watch） 7. webpack（module bundler，模块打包器） 8. webpack基本使用 9. webpack常用转换器（loader）与插件（p

ember-ref-modifier

ember-ref-modifier

Check ember-ref-bucket first!

Installation

Compatibility

Usage

同类工具

相关阅读

相关文章

相关问答

相关文档