[精讚] [會員登入]
589

[vue.js] input event

Form-Input-Components-using-Custom-Events

分享此文連結 //n.sfs.tw/10337

分享連結 [vue.js] input event@igogo
(文章歡迎轉載,務必尊重版權註明連結來源)
2019-10-23 04:24:25 最後編修
2016-12-01 23:14:52 By igogo
 

 

Custom events can also be used to create custom inputs that work with v-model

<input v-model="something">

is just syntactic sugar for:

<input v-bind:value="something" v-on:input="something = $event.target.value">

v-model 可以直接做資料的雙向綁定, 它其實是input event 的語法糖

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>    demo</title>
        <script src="//unpkg.com/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id='vm'>
            <br/>
            <span :style="{color: activeColor}">{{article}}</span>
            <br/>
            {{msg}}
            <br/>
            <input v-model="msg" placeholder="edit me">
            <input v-bind:value="msg" v-on:input="msg = $event.target.value">

        </div>
        <footer>
            <script>
                var vm = new Vue({
                
                    el: "#vm",
                    data:{
                        'msg':'hello',
                        'article':'閱讀習慣改變,又一家老書局明年熄燈',
                        activeColor: 'blue',
                    }
                
                })
            </script>
        </footer>
        <?php
                print " ";
        ?>
    </body>
</html>
END

你可能感興趣的文章

題庫批次匯入google表單 請先建一新試算表, 將題目轉成格式如下 並將網址列記下來, 後續的題目就是從此試算表讀出 題目 答案 選項一 選項二 選

[vue.js] input event Form-Input-Components-using-Custom-Events

[vue.js] 動態的props 做parent-child components 雙向綁定 vue.js props components camel-case

將google試算表當作簡易資料庫,利用Google apps cript 在網頁上操作查詢 將google試算表當作簡易資料庫,利用apps cript 在網頁上操作查詢 若我有一試算表資料 縣市 status

javascript 陣列 javascript 陣列可以放各种型別的元素 let data = [1,2,"john",tru

word題目轉google測驗 word題目轉google測驗

我有話要說

>>

限制:留言最高字數1000字。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

download a file from spring boot controllers ownload a file from spring boot controllers

資料表更改為多個primary key, MariaDB [database]> describe TABLENAME; 想由本來是兩個PRIMARY KE

2018 hoc 頒獎 校慶到了,啦啦隊比賽如火如荼展開,學務主任將頒發獎狀給表現優異的班級。請完成以下程式碼,讓程式將啦啦隊表演成績由高至低依序輸出。

讀取特定資料夾下的xls檔 讀取特定資料夾下的xls檔

臺中市雲端校務系統與Windows AD帳號整合(8) 三 開機啟動服務 3-1 Windows Server上隨系統開機啟動服務 寫一個bat檔 cd C:UsersAdmi