小編給大家分享一下微信小程序如何實現(xiàn)動態(tài)設(shè)置placeholder提示文字及按鈕選中/取消狀態(tài)，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)技術(shù)團(tuán)隊十載來致力于為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、高端網(wǎng)站設(shè)計、營銷型網(wǎng)站建設(shè)、搜索引擎SEO優(yōu)化等服務(wù)。經(jīng)過多年發(fā)展，公司擁有經(jīng)驗豐富的技術(shù)團(tuán)隊，先后服務(wù)、推廣了千余家網(wǎng)站，包括各類中小企業(yè)、企事單位、高校等機(jī)構(gòu)單位。

微信小程序?qū)崿F(xiàn)動態(tài)設(shè)置placeholder提示文字及按鈕選中取消狀態(tài)的方法

效果圖展示

通過綁定點擊事件placeholder方法，獲取data-num的值，通過js判斷num等于幾，然后通過class="{{num==X?'active':''}}"表達(dá)式判斷哪個標(biāo)簽處于選中狀態(tài)（即藍(lán)底白字）；

js通過獲取data-key，設(shè)置input輸入框中placeholder的動態(tài)值

wxml里的內(nèi)容：

  
    全部
    標(biāo)題
    摘要
    申請人
    申請?zhí)?/span>
    代理人
  

  
    代理機(jī)構(gòu)
    公開號
    發(fā)明人
    專利權(quán)人
  

js里的內(nèi)容：

var app = getApp()
Page({
 data: {
  placeholder:'請輸入',
  ph:'',
  num:1,
  key:'',
 },
 placeholder:function(e){
  var num = e.currentTarget.dataset.num
  this.setData({
   ph: this.data.placeholder+e.currentTarget.dataset.key
  })
  this.setData({
   num: num
  })
})

以上是“微信小程序如何實現(xiàn)動態(tài)設(shè)置placeholder提示文字及按鈕選中/取消狀態(tài)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！