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
},总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Print.js一个小的javascript库,可帮助您从网络上打印,这篇文章主要给大家介绍了关于printJS打印问题汇总以及解决办法的相关资料,文中介绍的非常详细,需要的朋友可以参考下2024-05-05
在vue的实际开发过程中,我们如何将以选中的值直接渲染到页面中,下面这篇文章主要给大家介绍了关于Vue3实现下拉选择框多选功能的相关资料,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了Vue点击切换Class变化,实现Active当前样式操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
Vue3+Vite如何解决“找不到模块“@/components/xxx.vue”或其相应的类型声明ts(2307)”
在Vue项目中使用Vite时,可能因版本差异而需修改tsconfig.app.json而非tsconfig.json以解决编译错误,本文分享个人解决经验,供参考2024-10-10
关于Element Loading的全局使用(自定义Loading)
这篇文章主要介绍了关于Element Loading的全局使用(自定义Loading),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
这篇文章主要介绍了vite2.0+vue3移动端项目实战详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
在父组件 App.vue 中引用子组件 A.vue，把 name 的值传给 A 组件。这篇文章主要介绍了vue2.0 父组件给子组件传递数据的方法,需要的朋友可以参考下2018-01-01
这篇文章主要介绍了django简单的前后端分离的数据传输实例 axios，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-05-05
Vue CLI4 Vue.config.js标准配置(最全注释)
这篇文章主要介绍了Vue CLI4 Vue.config.js标准配置，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
自定义指令是vue中使用频率仅次于组件，其包含bind、inserted、update、componentUpdated、unbind五个生命周期钩子。本文将对vue指令的工作原理进行相应介绍2021-06-06
最新评论