写点什么

软件测试学习笔记丨 Vue 常用指令 - 属性绑定

作者:测试人
  • 2024-06-06
    北京
  • 本文字数:680 字

    阅读完需:约 2 分钟

本文转自测试人社区,原文链接:https://ceshiren.com/t/topic/23483

v-bind

  • 主要用于属性绑定

  • 简写 “:”

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script></head><body>    <div id="app">        <!-- 指定样式        通过css 指定,width 宽,height 高        border 边框,solid 实线,#000黑色 -->        <div style="width: 100px; height: 100px; border: 1px solid #000" v-bind:style="bgcolor"></div>        <!-- 绑定超链接 -->        <a :href="baidu">访问百度</a>    </div></body></html>
<script> var vm = new Vue({ el: "#app", data: { // 设置图形背景色 bgcolor:{ backgroundColor: 'red' }, // 绑定超链接设置 baidu: 'https://www.baidu.com' } })</script>
复制代码

软件测试开发免费视频教程分享

发布于: 刚刚阅读数: 5
用户头像

测试人

关注

专注于软件测试开发 2022-08-29 加入

霍格沃兹测试开发学社,测试人社区:https://ceshiren.com/t/topic/22284

评论

发布
暂无评论
软件测试学习笔记丨Vue常用指令-属性绑定_软件测试_测试人_InfoQ写作社区