欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序關(guān)鍵字變色實(shí)現(xiàn)代碼實(shí)例

 更新時(shí)間：2019年12月13日 08:30:43   作者：星光筆  
這篇文章主要介紹了微信小程序關(guān)鍵字變色實(shí)現(xiàn)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

這篇文章主要介紹了微信小程序關(guān)鍵字變色實(shí)現(xiàn)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

1.小程序中不支持渲染indexOf使用，我們可以通過(guò)新建wps來(lái)實(shí)現(xiàn)

function fn(arr, arg) {
 var result = {
  indexOf: false,
  toString: ''
 }
 result.indexOf = arr.indexOf(arg) > -1;
 result.toString = arr.join(","); return result;
}
module.exports.fn = fn;

2.index.wxml

<wxs src="../indexOf.wxs" module="tools" />
<!-- tools可以自定義 -->
<view class="intro" >
<block wx:for="{微信小程序,關(guān)鍵字,變色}">
  <text class=" {{tools.fn(ckey, item).indexOf?'active':'black'}}">{{item}}</text>
</block>
 
</view>

引入我們的wxs，module可以自己定義，下面模板渲染中可以使用

3.index.js

const app = getApp()
 
Page({
 data: {
  keywords:['我','愛','你'],
  ckey:['我','愛']
 },
 onLoad: function () {
  console.log('代碼片段是一種迷你、可分享的小程序或小游戲項(xiàng)目，可用于分享小程序和小游戲的開發(fā)經(jīng)驗(yàn)、展示組件和 API 的使用、復(fù)現(xiàn)開發(fā)問(wèn)題和 Bug 等。可點(diǎn)擊以下鏈接查看代碼片段的詳細(xì)文檔：')
  console.log('https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html')
 },
})

小程序代碼塊鏈接：https://developers.weixin.qq.com/s/vmdBhXmA7acA

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • JavaScript組合模式學(xué)習(xí)要點(diǎn)

    JavaScript組合模式學(xué)習(xí)要點(diǎn)

    組合模式大概是設(shè)計(jì)模式里面使用最為廣泛的模式之一了，模式本身理解起來(lái)也比較簡(jiǎn)單，以至于可以毫不費(fèi)力的寫出一個(gè)能用的組合模式偽代碼
    2016-08-08
  • JavaScript單元測(cè)試ABC

    JavaScript單元測(cè)試ABC

    在服務(wù)器端的單元測(cè)試中，都有各種各樣的測(cè)試框架，在JavaScript中現(xiàn)在也有一些很優(yōu)秀的框架，但在本文中，我們將自己動(dòng)手一步步來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的單元測(cè)試框架
    2012-04-04
  • JavaScript實(shí)現(xiàn)的鼠標(biāo)響應(yīng)顏色漸變效果完整實(shí)例

    JavaScript實(shí)現(xiàn)的鼠標(biāo)響應(yīng)顏色漸變效果完整實(shí)例

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)的鼠標(biāo)響應(yīng)顏色漸變效果,涉及javascript面向?qū)ο蠹笆录O(jiān)聽、響應(yīng)機(jī)制相關(guān)操作技巧,需要的朋友可以參考下
    2017-02-02
  • JavaScript插件化開發(fā)教程 （一）

    JavaScript插件化開發(fā)教程 （一）

    這篇文章主要介紹了JavaScript插件化開發(fā)教程，十分的詳細(xì)，
    2015-01-01
  • 微信小程序js時(shí)間戳與日期格式的轉(zhuǎn)換方法

    微信小程序js時(shí)間戳與日期格式的轉(zhuǎn)換方法

    這篇文章主要給大家介紹了關(guān)于微信小程序js時(shí)間戳與日期格式的轉(zhuǎn)換方法,在小程序中使用時(shí)間選擇器時(shí),獲取到的時(shí)間可能是一個(gè)時(shí)間戳,這并不是我們想要的,這時(shí)候我們得將獲取到的時(shí)間戳進(jìn)行轉(zhuǎn)換,需要的朋友可以參考下
    2023-10-10
  • NestJs 靜態(tài)目錄配置詳解

    NestJs 靜態(tài)目錄配置詳解

    這篇文章主要介紹了NestJs 靜態(tài)目錄配置，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • Javascript判斷文件是否存在(客戶端/服務(wù)器端)

    Javascript判斷文件是否存在(客戶端/服務(wù)器端)

    這篇文章主要介紹了Javascript判斷文件是否存在的方法適用于客戶端、服務(wù)器端，遠(yuǎn)程文件，示例代碼如下,需要的朋友可以參考下
    2014-09-09
  • 巧用canvas

    巧用canvas

    作為一項(xiàng)有意思的新技術(shù)，canvas給我們帶來(lái)了對(duì)網(wǎng)頁(yè)繪圖和網(wǎng)頁(yè)動(dòng)畫的新革命。本文簡(jiǎn)單介紹下canvas實(shí)用的功能，下面跟著小編一起來(lái)看下吧
    2017-01-01
  • 分析ES5和ES6的apply區(qū)別

    分析ES5和ES6的apply區(qū)別

    這篇文章主要介紹了分析ES5和ES6的apply區(qū)別，對(duì)ES6感興趣的同學(xué)，可以參考下
    2021-05-05
  • 使用swiper自定義分頁(yè)點(diǎn)擊跳轉(zhuǎn)指定頁(yè)面

    使用swiper自定義分頁(yè)點(diǎn)擊跳轉(zhuǎn)指定頁(yè)面

    這篇文章主要介紹了使用swiper自定義分頁(yè)點(diǎn)擊跳轉(zhuǎn)指定頁(yè)面方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2023-04-04

最新評(píng)論