真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

vue監(jiān)聽用戶輸入和點擊功能

本文實例為大家分享了vue監(jiān)聽用戶輸入和點擊的具體代碼，供大家參考，具體內(nèi)容如下

丹陽ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

功能1：監(jiān)聽用戶輸入和點擊，并實時顯示，

功能2：點擊發(fā)布，編輯頁面隱藏，顯示發(fā)布成功。

功能1 html代碼：

使用：v-model監(jiān)聽，!submmited視圖默認(rèn)顯示，注意監(jiān)聽option v-for="(i,index) in authors" v-bind:value="authors[index]，

監(jiān)聽當(dāng)下用戶點擊的那個；

 
  添加博客
  
  博客標(biāo)題
  
  

  博客內(nèi)容
  
  
   Vue.js
   
   react.js
   
   javasript
   
   css
   
  
  作者：
  
  
  
  
  
  博客總覽
  博客標(biāo)題：
  {{blog.title}}
  博客內(nèi)容：
  {{blog.content}}
  博客分類
  
   
   {{categories}}
   
  
  作者：
  {{blog.author}}

功能1 js代碼：

data(){
   return{
   blog:{
    title:"",
    content:"",
    categories:[],
    author:""
   },
   authors:[
    "張三","李四","王五"
   ],
   submmited:false
   }
  },
 methods:{
   post:function () {
   this.$http.post("https://jsonplaceholder.typicode.com/posts/"{
    title:this.blog.title,
    body:this.blog.content,
})
   .then(function (data) {
    //console.log(data);
   })
   }
  }

功能2 html代碼：

 
  您的博客發(fā)布成功

功能2 js代碼

this.submmited=true 讓 “您的博客發(fā)布成功” 顯示

methods:{
   post:function () {
   this.$http.post("https://jsonplaceholder.typicode.com/posts/"{
    title:this.blog.title,
    body:this.blog.content,
})
   .then(function (data) {
    //console.log(data);
    this.submmited=true
   })
   }
  }

addblog.vue所有代碼：