VueJS - 일치하는 모든 태그에 지시문을 적용하는 방법은 무엇입니까?

모든 input 태그에 프로그래밍 방식으로 지시문을 적용하고 싶습니다. 이 두 가지 이유는 다음과 같습니다VueJS - 일치하는 모든 태그에 지시문을 적용하는 방법은 무엇입니까?

가

이것이 가능합니까? docs을 검토했지만 요소에 태그를 직접 적용하는 것 외에 다른 방법으로 적용하는 것은 아닙니다.

내 현재 코드는 그래서 같다 :

<input type="text" class="form-control input-sm" id="price" v-model="model.doc.price" v-floating-label>

2017-02-02 webnoob

는 조건부 지시어를 추가 하시겠습니까), 나는 경우 다른 사람에 삭제하는 대신 자신이 질문에 대답했습니다

긴 날 ... 미래에 같은 뇌사 순간이있다 ? –

@DivyanthJayaraj 그것은 그대로는 아니지만 그 요구 사항에 대한 가능성을 앞으로 볼 수 있습니다. 가능한 경우 가능합니다. – webnoob

나는 두뇌의 순간을 보였습니다. 그냥 input구성 요소이 필요합니다. 그런 다음 거기에서 필요한 것을 변경할 수 있으며 표준 구성 요소 인 input 태그를 사용하는 대신 입력 구성 요소가 사용 된 모든 곳에서 업데이트됩니다. 구성 요소를 사용합니다.

2017-02-02 17:43:00 webnoob

당신은 너무

<input type="text" 
     class="form-control input-sm" 
     id="price" 
     v-model="model.doc.price" 
     :v-floating-label=(condition)>

condition == true 경우, v-model-float 지시어는 귀하의 의견에 적용됩니다 같은 상태로 그 지시를 바인딩 할 수 있습니다.

업데이트 1 : 의견에서 한 위치에서 조건을 제어한다는 점을 제외하고 구현은 여전히 동일합니다. 그렇게하면 나중에 해당 조건을 false로 설정하여 지시문을 제거 할 수 있습니다. 에반 당신 사항에 따라

2017-02-02 17:30:10

입력에 지시문을 적용하는 방법을 알고 있습니다 (원래 코드는이를 보여줍니다). * ALL * 입력에 프로그램 적으로 적용하고 싶습니다. P.s 나는 질문을 더 명확하게 편집했습니다. – webnoob

그래서 vue 앱이 DOM을 통해 구문 분석하고 입력 태그를 찾아 해당 지시문을 적용하기를 원하십니까? –

기본적으로 그렇습니다. – webnoob

: 루트 인스턴스를 마운트/인스턴스화 할 때

Vue.js 컴파일이 발생합니다.

나는 무엇을 당신의 일을하려고하는 것은 제정신 생각하지 않는다 : 당신이 설명을 위해 정말 도움이 될 것입니다, 텍스트 편집기 또는 IDE 많은에있는 상자에서 나오는, 검색 및 교체 원인.

2017-02-02 17:40:51 Clorichel

답변