Как добавить свойство с Vue.JS

Question

Я хочу добавить это свойство в свой элемент кнопки:

uk-toggle="target: #id"

Итак, результат должен быть:

<button uk-toggle="target: #id" type="button">Click</button>

Но мне нужно сделать это с Vue.JS иЯ не знаю как, я пытаюсь с этим:

<button v-bind: uk-toggle= "target: 'movie.title'" type="button">

Но это не работает, так что ... есть идеи?спасибо

Answer 1

Великобритания работает так:

     <button class="uk-button uk-button-default" type="button" 
       uk-toggle="target: #toggle-usage">Toggle</button>
        <p id="toggle-usage">Hello</p>

https://getuikit.com/docs/toggle

Итак, в vueJs вы связываете сообщение в movie.title?

<button :uk-toggle= "target:#toggle-usage" type="button">
<p id="toggle-usage">Hello</p>

tryэто значение получает привязку, поэтому вы можете легко преобразовать в динамические значения

Answer 2

Я предполагаю, что вы определили movie.title в данных вашего компонента, и вы хотите, чтобы это значение в конечном итоге стало значением для uk-toggle.

В этом случае попробуйте следующее:

<button :uk-toggle= "'target:' + movie.title" type="button">