美文网首页
v-bind 绑定元素属性

v-bind 绑定元素属性

作者: 秋分落叶 | 来源:发表于2019-06-06 10:55 被阅读0次

<body>

  <div id="app">

    <input type="button" value="我是按钮" title="在按钮上悬停内容">

    <input type="button" value="我是按钮" title="mytitle">

    <input type="button" value="我是按钮" v-bind:title="mytitle">

  </div>

  <!-- built files will be auto injected -->

  <script>

    var vm = new Vue({

      el: '#app',

      data: {

        mytitle: '这个是自己定义的按钮上悬停内容'

      }

    })

  </script>

</body>

结果:

v-bind可以简写称:

    <input type="button" value="我是按钮"   v-bind:title="mytitle + '123'">

//v-bind中可以写合法JS表达式

    <input type="button" value="我是按钮"               :title="mytitle + '123'">

相关文章

  • 绑定属性

    v-bind指令介绍 动态绑定属性:比如a元素的href属性,img元素的src属性 作用:动态绑定属性 缩写::...

  • Vue学习笔记(3)-属性绑定v-bind

    属性绑定:v-bind v-bind:属性名可以简写成:属性名如果我们想要在html元素的属性上绑定我们Vue对象...

  • Vue基础学习(一)

    V-bind表达式 首先定义元素的属性 v-bind表达式是用来绑定元素属性的例如 这样就可以绑定元素的title...

  • Vue.js 笔记

    v-bind:绑定属性 v-bind绑定属性,v-bind:属性名=‘值’,v-bind :属性名=‘值’ v-m...

  • 2018-09-16练习与复习

    v-bind绑定属性; v-bind:“属性名”v-bind:的简写(:)列 v-bind小项目 v-on:绑定事...

  • (9)打鸡儿教你Vue.js

    样式绑定 设置元素的样式用 v-bind 来设置样式属性class 与 style 是 HTML 元素的属性 v-...

  • v-bind:属性名=‘值’ 绑定一个属性 简写:属性名=‘值’ v-show='' 控制元素的显示...

  • 基本的标签的使用

    v-bind 绑定属性 将这个元素节点的 title 属性和 Vue 实例的 message 属性保持一致”。 ...

  • Vue的常用指令

    v-bind: 用于绑定属性,通过v-bind:绑定过的属性,可以在属性值可以写表达式v-bind:可以用**: ...

  • vue笔记9.13

    v-bind:属性名='值' 绑定属性的 v-show="" 控制元素的显示和隐藏 使用display:no...

网友评论

      本文标题:v-bind 绑定元素属性

      本文链接:https://www.haomeiwen.com/subject/cwyyxctx.html