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 Canvas来复刻一下这款游戏，感兴趣的可以了解一下2022-07-07
在使用token进行登录的过程中,如果token过期了,需要重新输入用户名和密码登录,这种体验肯定是不好的,下面这篇文章主要给大家介绍了关于Vue Token过期问题的2种解决方案,需要的朋友可以参考下2023-02-02
vue-element-admin后台生成动态路由及菜单方法详解
vue-element-admin后台管理系统模板框架 是vue结合element-ui一体的管理系统框架,下面这篇文章主要给大家介绍了关于vue-element-admin后台生成动态路由及菜单的相关资料,需要的朋友可以参考下2023-09-09
vue使用echarts时created里拿到的数据无法渲染的解决
这篇文章主要介绍了vue使用echarts时created里拿到的数据无法渲染的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要介绍了vue组件内部引入外部js文件的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
今天小编就为大家分享一篇修改vue+webpack run build的路径方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要为大家详细介绍了vue实现文字加密功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
放大镜效果在很多购物网站都可以看到，本文主要介绍了vue3实现淘宝放大镜效果的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
这篇文章主要介绍了VUE异步更新DOM - 用$nextTick解决DOM视图的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了使用vue-router在Vue页面之间传递数据的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-07-07
最新评论