Блог

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

 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">
  

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

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

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

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

переключение uk работает следующим образом

      <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>
  

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