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 },
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue-element-admin后台生成动态路由及菜单方法详解
vue-element-admin后台管理系统模板框架 是vue结合element-ui一体的管理系统框架,下面这篇文章主要给大家介绍了关于vue-element-admin后台生成动态路由及菜单的相关资料,需要的朋友可以参考下2023-09-09vue使用echarts时created里拿到的数据无法渲染的解决
这篇文章主要介绍了vue使用echarts时created里拿到的数据无法渲染的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-03-03VUE异步更新DOM - 用$nextTick解决DOM视图的问题
这篇文章主要介绍了VUE异步更新DOM - 用$nextTick解决DOM视图的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
最新评论