小程序那些事

获取输入框的值+改变对象的某个属性值

tap事件:这个是小程序中的点击事件,绑定语法是bindtap,微信小程序中每个组件都是有tap事件的;input事件:是键盘输入事件,绑定语法是bindinput;focus事件:输入框聚焦事件,绑定语法是bindfocus;blur事件:输入框失去焦点事件,绑定语法bindblur。 

<view class="per teshu3">
    <input class="weui-input" auto-focus placeholder="请输入公司名称" bindinput="getCompanyName"/>
</view>
// 获取输入框的值
  getCompanyName: function (e) {
    let val = e.detail.value;
    let companyName = "info.companyName";
    this.setData({
      [companyName]: val
    });
    console.log(this.data.info)
  },  

隐藏滚动条

最外面的元素{
height:100vh;
overflow:auto;
}
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
// 事件响应函数
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, function() {
      // this is setData callback
    })
  },

多余文字显示省略号

// 单行
width:value;
overflow:hidden; 
white-space:nowrap;
text-overflow:ellipsis;

// 多行
width:200px;        // 宽度
display: -webkit-box;         // 变成弹性盒模型
-webkit-box-orient:vertical;         // 上下排列子元素
-webkit-line-clamp:2;         // 两行文本
overflow:hidden;      // 多余隐藏
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值