亚洲欧美一区二区线路,国产无码AV

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

vue表單的示例分析-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)vue表單的示例分析的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

站在用戶的角度思考問題，與客戶深入溝通，找到密山網(wǎng)站設(shè)計與密山網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站設(shè)計、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請域名、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋密山地區(qū)。

一、基本用法

你可以用 v-model 指令在表單及元素上創(chuàng)建雙向數(shù)據(jù)綁定。</p><p>但 v-model 本質(zhì)上不過是語法糖。它負(fù)責(zé)監(jiān)聽用戶的輸入事件以更新數(shù)據(jù)，并對一些極端場景進(jìn)行一些特殊處理。</p><p>v-model 會忽略所有表單元素的 value、checked、selected 特性的初始值而總是將 Vue 實(shí)例的數(shù)據(jù)作為數(shù)據(jù)來源。你應(yīng)該通過 JavaScript 在組件的 data 選項(xiàng)中聲明初始值。</p><p>一組代碼，看完text、textarea、radio、checkbox、select的基本用法：</p><pre><div id="app7">   <input type="text" v-model="message"><label>{{message}}</label></br>   <textarea v-model="message1">{{message1}}
     單選按鈕
     男   女
     跑步   爬山   滑雪
            請選擇        javascript                      {{option.text}}

var app7 = new Vue({ el: '#app7', data:{ message: '單行文本', message1: '多行文本', picked: true, sex: 'boy', hobby: ['爬山','滑雪'], select: 'css', selected: 'A', options: [ { text: 'One', value: 'A' }, { text: 'Two', value: 'B' }, { text: 'Three', value: 'C' } ] } });

二、值綁定

單選按鈕、復(fù)選框和選擇列表在單獨(dú)使用或單選的模式下， v-model 綁定的值是一個靜態(tài)字符串或布爾值，但在業(yè)務(wù)中，有時需要綁定一個動態(tài)的數(shù)據(jù)，這時可以用v-bind 來實(shí)現(xiàn)。

一組代碼，看完表單常用radio、checkbox、select的值綁定：

 
  
  
  單選按鈕
  {{picked}}
  {{value}}

  
  
  復(fù)選框
  {{toggle}}
  {{value1}}
  {{value2}}

  
  
   123
  
  {{selected.number}}

var app8 = new Vue({ el: '#app8', data:{ picked: false, value: 'boy', toggle: false, value1: 'a', value2: 'b', selected: '' } });

三、修飾符

與事件的修飾符類似， v-model 也有修飾符，用于控制數(shù)據(jù)同步的時機(jī)。

一組代碼，看完常用修飾符lazy、number、trim


  
  
  {{message}}
  
  
  {{typeof number}}
  
  
  {{text}}

var app9 = new Vue({ el: '#app9', data:{ message: '', number: '', text: '' } });

感謝各位的閱讀！關(guān)于“vue表單的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站名稱：vue表單的示例分析-創(chuàng)新互聯(lián)
文章起源：http://www.dlmjj.cn/article/gpgpg.html

日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

新聞中心

其他資訊