微信小程序基础(3)

组件navigator
<navigator url="/pages/change/change" hover-class='navigator-hover'></navigator>
  • url
    指的是页面的跳转
  • hover-class
    点击的时候会自动增加一个class,但过了一段时间后会自动消失
组件text
 <text class='iconfont icon-close' hidden="hide"></text>
  • hidden
    当hidden为true的时候,会因此隐藏dom节点
组件textarea bindinput,bindconfirm,bindblur
<textarea placeholder="请输入要翻译的文本" placeholder-style="color:#8995a1" 
    bindinput="onInput" bindconfirm="onConfirm" bindblur='onConfirm' 
 value="{{query}}"></textarea>
  • bindinput="onInput
    当键盘输入时,触发 input 事件,
    当页面有内容的时候显示close符号
  • bindconfirm="onConfirm"
    点击完成时, 触发 confirm 事件,
    当翻译区域有内容的时候可以实时翻译内容
  • bindblur='onConfirm'
    输入框失去焦点时触发,
    点击下面的翻译区域的时候可以进行实时翻译
translate组件 es6语法
translate( q , { from = 'auto' ,to = 'auto'} = { from:'auto' , to: 'auto'})

当translate传递的参数只是传递了一个参数的时候,如translate(q),会在后面默认补充两个参数,从 from='auto' 到 to='auto'

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容