dropdownlist控件设置默认值_前端开发:给组件title属性的赋值设置成变量的方法...

今天9月1号,开学第一天,一定要发一篇博文留念一下!在前端开发过程中,有很多时候会公用组件或者模块,在复用的时候需要根据不同的使用场景进行不同的操作处理,尤其是一些提示类的界面模块,就需要根据type类型来进行区分处理,比如组件label的提示文字,根据不同的使用地方进行不同的文字展示,那么这就需要声明一个变量根据不同的使用场景进行不同的文字提示。那么本篇博文就来分享一下这些提示类的组件进行区分处理的方法,仅供学习参考。案例一:给label的赋值设置成变量操作的方法1、声明一个变量,在data里面进行默认值赋值操作,然后在created里面根据使用的不同地方进行不同的文字赋值操作;2、在label赋值的地方进行赋值操作(注意:在label前面加一个冒号,这就进行了可变操作);①        ②data() {    return {      optionText: "大屏",    };  },③created() {    if(this.type ==="horn") {      this.optionText = "广播"    }else {     this.optionText = "大屏"    }   },案例二:给title的赋值设置成变量操作的方法1、声明一个变量,在data里面进行默认值赋值操作,然后在created里面根据使用的不同地方进行不同的文字赋值操作;2、在title赋值的地方进行赋值操作(注意:在label前面加一个冒号,这就进行了可变操作);①    cancelText='取消'>         ②data() {    return {      tipText: "屏幕信息",    };  },③created() {    if(this.type ==="horn") {      this.tipText = "广播信息"    }else {      this.tipText = "屏幕信息"    }   },基本上类似的控件文字展示操作都可以参照上面的思路步骤来操作即可,大同小异,请灵活运用。具体操作如下图所示:

11e4f96d8e395d233ab02b63ea5e78e2.png

4835dffa4cf3366bf020a2607d0d18db.png

c5d8e284a4fa3c9466b4642fa462705c.png

最终效果如下所示:

b39aa9ca929e7c2750c5a81cb7825386.png

274171a7947bffe9fd9f6f256f0a2d84.png

以上就是本章全部内容,欢迎关注三掌柜的微信公众号“iOS开发by三掌柜”,三掌柜的新浪微博“三掌柜666”,欢迎关注!三掌柜的微信公众号:

b9cb0411e4d5725bfc77fdfc188bee6e.png

三掌柜的新浪微博:

8cbabd881691d97ca7946194e07f2de4.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值