tnblog
首页
视频
资源
登录
这世间真的有很美的爱情,也有很温柔善良的女孩纸。
排名
18
文章
102
粉丝
2
评论
3
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

vue v-bind 属性拼接。Vue之使用v-bind实现标签属性的拼接

4350人阅读 2023/2/6 22:43 总访问:270904 评论:0 收藏:0 手机
分类: 前端

参考:https://blog.csdn.net/cnds123321/article/details/104109986

也可以这样直接拼接:

直接写出来加就行了

  1. :label="item.floorsNumber + '-' + item.cabinetNumber"

完整一点的代码:

  1. <el-option
  2. v-for="item in fileCabinets"
  3. :key="item.id"
  4. :label="item.floorsNumber + '-' + item.cabinetNumber"
  5. :value="item.id"
  6. />

效果如下:

评价

干货!div滚动到一定位置就固定他。Vue中实现一侧滚动到底部就固定

尊重原创:转载请注名出处div滚动到一定位置就固定他,例如左边的内容很多,右边的内容很少,如果不处理滚动到一定位置后右...

Vue.js常用指令,事件绑定等,Vue过滤器解析状态过滤器多个参数。Vue表格状态解析。Vue解析类型,element ui解析类型,状态,el-tag

按照html的编码显示:v-html&lt;div class=&quot;font_info&quot; v-html=&quot;item.Content&quot;&gt;{{item.Content}}&l...

import 引入vue 组件命名规则。Vue引入自定义的组件

端午节快乐~其实就是两种方法:第一种就是完全按照组件的名字去使用&lt;template&gt; &lt;MainLayout&gt; &lt;p&gt;我是...

vue路由实现一个二级菜单。Vue页面切换,vue子页面切换。Vue菜单选中

效果如下:这种二级菜单或者三级菜单如果我们使用.net 的mvc来实现就很简单,整两个布局页可以轻松搞定来试试使用vue的路由...

vue3,vue组件,props给一个对象参数。Vue组件间传参数vue父组件给子组件传参数。组件参数类型。父组件调用子组件的方法。Vue组件事件监听,给子组件传递方法,子组件调用父组件方法

[TOC]组件可以使用props给组件传值,可以同时传递多个,可以是任意类型,比如字符串或者对象。 下面是个简单的例子: &lt...

vue使用axios调用接口,解决跨域。Vue调用api接口。Vue请求封装

一.先下载axios依赖npminstallaxios二.在需要的地方引入importaxiosfrom&#39;axios&#39;三.环境准备好了之后就可以使用axio...

vue-element-admin左边树形,右边表格的布局。Vue模板

大概的界面如下:代码:&lt;template&gt; &lt;divclass=&quot;app-container&quot;&gt; &lt;el-row:gutter=&quot;20&quot...

vue-element-admin api相关,api配置。Vue-element-admin 统一配置api前缀

api请求的前缀是配置在env.xx文件里边env.development是本地环境,env.production这个文件配置的是正式环境这里可以看到默...

elementui对话框Dialog使用,配合表单使用。Vue-element-ui 弹窗,弹出层

Dialog 弹出一个对话框,适合需要页面元素更多的场景。需要设置visible属性,它接收Boolean,当为true时显示 Dialog。Dialo...

vue filtervue 过滤器的使用vue解析状态,解析审核状态等。Vue解析类型。Vue表格状态解析el-tagelement ui 状态

使用v-if解析审核状态代码如下:&lt;divstyle=&quot;width:29px;height:29px;line-height:29px;text-align:center;&quot;&g...

nginx发布vue,nginx异常处理404处理结合nginx优化路由404。Vue项目发布在服务器中

nginx发布vue这里用vue3-admin-template来举例,其实都是一样的。 先打包 使用的打包命令类似npm run build:prod,反正根...

vue触发a标签的点击事件。Vue3 dom操作 触发点击事件 。文件选择库只会触发一次change事件的问题

[TOC]vue触发a标签的点击事件直接操作dom节点的方式比较简单 &lt;button @click=&quot;handleBtnClick&quot;&gt;点击按钮&...

vue-elementui 图片显示,本地图片路径访问方式,表格里边显示图片,动态加载图片。Vue样式里边引用assets里边的图片

[TOC]vue-elementui 图片显示&lt;el-image style=&quot;width: 32px; height: 32px&quot; :src=&quot;src&quot; :fit=&quot...