Автор Тема: Vue.js -demo (Прочетена 1036 пъти)

HD · « -: 07 Февруари 2016, 13:14:48 »

Здравейте,
Напоследък започнах да разцъквам vue.js и го препоръчвам всеки да се запознае с него. Улеснява доста нещата. Реших да ви покажа малко код.
Имаме прост формуляр с textarea. Искаме да покажем съответната грешка, ако полето за текст е празно. Ето и кода за това.

Код: HTML

<!DOCTYPE html>
<html>
<head>
        <title>Vue show</title>
</head>
<body>
<div id="container">
        
        <form>
                <span class ='error' style="color:red;" v-show="!message">
                Напишете текст
                </span>
                <br/>
                <textarea v-model ="message">
                        
 
                </textarea>
                <br/>
                <button type="submit">
                Изпрати съобщение
                </button>
        </form>
        
 
</div>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.16/vue.min.js"></script>
<script type="text/javascript">
        new Vue({
                el:"#container",
                data:{
                        message: ""
                }
 
        });
 
</script>
</body>
</html>
 

За да е интересно на всички, как ще скриете бутона с vue.js?

Новини:

Автор Тема: Vue.js -demo (Прочетена 1036 пъти)

HD

Vue.js -demo