vue.js在标签属性中插入变量参数的方法

作者:幕三少 时间:2024-05-28 15:58:09 

html的标签的属性,比如id、class、href需要动态传递参数,拼接字符串,查了一些资料,并没有找到合适的解决方法,琢磨了一上午,终于试出了方法:

vue.js在标签属性中插入变量参数的方法

v-bind:属性=“ ‘字符串'+自定义变量名”,自己试了没问题,有需要的朋友可以借鉴下!

最后需要注意一下属性一定是":属性="这种形式才会起作用


<ul class="menu" v-for="(item,index) in 4">
             <li :class="{'selected':index===clickIndex}" @click="selected(index)">
               <div>
                 <h3>{{item}}点位标签</h3>
                 <span style="margin: 15px 0px;">附近的资产:3个(2个未完成修订)</span><br />
                 <img :src="'img/'+(item+nameIndex)+'.jpg'" />
                 <a href="#" rel="external nofollow" ></a>
               </div>
             </li>
   </ul>

总结

以上所述是小编给大家介绍的vue.js在标签属性中插入变量参数的方法网站的支持!

来源:https://www.cnblogs.com/smiler/archive/2018/03/06/8514395.html

标签:vue.js,变量,参数
0
投稿

猜你喜欢

  • 详细解析Webpack是怎么运行的

    2022-09-07 04:00:50
  • 使用PyQt4 设置TextEdit背景的方法

    2021-09-01 14:41:43
  • ajax取消挂起请求的处理方法

    2023-11-20 23:41:53
  • Python 多线程共享变量的实现示例

    2022-12-17 09:39:10
  • MyBatis批量插入/修改/删除MySql数据

    2024-01-18 05:55:11
  • 使用Python的Flask框架构建大型Web应用程序的结构示例

    2022-05-01 01:35:35
  • python 实现端口扫描工具

    2022-12-05 23:02:45
  • JS变量及其作用域

    2024-04-10 10:40:19
  • Pandas数据分析之pandas数据透视表和交叉表

    2021-01-18 05:43:45
  • Python制作运行进度条的实现效果(代码运行不无聊)

    2021-04-11 15:46:10
  • 十个Python经典小游戏的代码合集

    2021-08-03 12:09:38
  • Vue配置文件vue.config.js配置前端代理方式

    2023-07-02 16:39:06
  • pandas实现按行选择的示例代码

    2021-08-04 01:53:50
  • Pytorch中transforms.Resize()的简单使用

    2023-06-17 02:23:28
  • SQL Server数据库开发的二十一条法则

    2024-01-18 05:30:40
  • SQL Server 2012 开窗函数

    2024-01-28 01:39:15
  • JS实现页面滚动到关闭时的位置与不滚动效果

    2024-04-10 10:47:56
  • Python中处理Session和Cookie的方法

    2023-09-09 00:51:18
  • SqlServer开发神器'SQLPrompt'插件的使用详解

    2024-01-23 23:48:55
  • 浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)

    2024-04-23 09:09:59
  • asp之家 网络编程 m.aspxhome.com