vue中数据绑定值(字符串拼接)的几种实现方法

 更新时间:2023年07月05日 14:25:45   作者:JackieDYH  
这篇文章主要介绍了vue中数据绑定值(字符串拼接)的几种实现方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

vue数据绑定值(字符串拼接)的几种方法

案例 

<div :title="`你好:${item.Storename}`" link="/component/radio" :inline-desc="'地址:' + item.Storeaddess"></div>
:title="`字符串${xx}`" 
:title="'字符串' + xx"

vue中select绑定多个值

不再通过v-model和value进行绑定

而是通过绑定索引值Index

然后通过定义@input=change方法,通过索引值获取并更新想要绑定的多个值

<el-select v-model="basic_info.itemindex" placeholder=""  @input="change">
    <el-option v-for="(item,index) in categoryList" :key=index :label="item.categoryName" :value="index" />
</el-select>
change(index) {
      this.basic_info.categoryCode = this.categoryList[index].categoryCode
      this.default_return_value = this.categoryList[index].defaultReturnValue
},

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue3中的抽离封装方法实现

    vue3中的抽离封装方法实现

    vue3中的任何一个组合式api都可以单独抽离出去在另一个文件,最后只需要回归到setup()中即可,这篇文章主要介绍了vue3的抽离封装方法,需要的朋友可以参考下
    2022-08-08
  • 基于Vue中点击组件外关闭组件的实现方法

    基于Vue中点击组件外关闭组件的实现方法

    下面小编就为大家分享一篇基于Vue中点击组件外关闭组件的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • 浅谈Vue组件及组件的注册方法

    浅谈Vue组件及组件的注册方法

    本文主要介绍了浅谈Vue组件及组件的注册方法,详细的介绍了什么是组件,及其组件注册的两种方式(全局和局部),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • Vue使用watch同时监听多个值的实现方法示例

    Vue使用watch同时监听多个值的实现方法示例

    这篇文章主要为大家介绍了Vue中使用watch同时监听多个值的实现方法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • vue组件之间的数据传递方法详解

    vue组件之间的数据传递方法详解

    这篇文章主要介绍了vue组件之间的数据传递方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • vue实现抽奖效果Demo

    vue实现抽奖效果Demo

    这篇文章主要介绍了vue实现抽奖效果Demo,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • vue如何使用html2canvas和JsPDF导出pdf组件

    vue如何使用html2canvas和JsPDF导出pdf组件

    这篇文章主要介绍了vue如何使用html2canvas和JsPDF导出pdf组件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-09-09
  • el-tab设置默认激活的标签页实现步骤

    el-tab设置默认激活的标签页实现步骤

    这篇文章主要给大家介绍了关于el-tab设置默认激活的标签页实现步骤,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09
  • vue3 hook自动导入原理及使用

    vue3 hook自动导入原理及使用

    最近学习了hooks,特地写一篇文章加深一下印象,下面这篇文章主要给大家介绍了关于vue3 hook自动导入原理及使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • Vue子组件与父组件详细解析

    Vue子组件与父组件详细解析

    这篇文章主要介绍的是Vue子组件与父组件,什么是父组件,什么是子组件很多时候面对这个问题我们都会有所混淆,下面文章我们就来详细介绍,需要的朋友可以参考一下
    2021-10-10

最新评论