vue绑定设置属性的多种方式(5)
vue系列教程第五篇，即绑定设置属性的多种方式，具体内容如下
一、设置属性的值: {{data中的数据}}
window.onload = function () {
var c = new Vue({
el : '#box',
data : {
url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg'
}
});
}
<div id="box">
<img src="{{url}}" alt=""/>
</div>
二、v-bind绑定属性的值
window.onload = function () {
var c = new Vue({
el : "#box',
data : {
url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg'
}
});
}
<div id="box">
<img v-bind:src="url" alt=""/>
</div>
三、简写方式，冒号 (:) 绑定
window.onload = function () {
var c = new Vue({
el : "#box',
data : {
url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg'
}
});
}
<div id="box"> <img :src="url" alt=""/> </div>
四、绑定多个属性
window.onload = function () {
var c = new Vue({
el : "#box',
data : {
url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg',
w : '400px',
t : '这是一张百度图片'
}
});
}
<div id="box"> <img :src="url" :width="w" :title="t" alt=""/> </div>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
我有一个带有标签（TheLabel）的xib...它是一个NSTextField。用户无法编辑它的文本。 我将它的值绑定到控制器类中的NSString*。 我将它的字体绑定到我的controller类中的NSFont*。 我可以在controller类中更改NSString，并且可以看到它反映在标签中。 但是... 我一辈子都弄不清楚怎么打开和关闭下划线。 如果我把这个函数叫做... 如有任何指导
-
本文向大家介绍多种jQuery绑定事件的实现方式，包括了多种jQuery绑定事件的实现方式的使用技巧和注意事项，需要的朋友参考一下 最近发现jQuery一个对象的事件可以重复绑定多次，当事件触发的时候会引起代码多遍执行。 下面是一个click事件被重复绑定的示例: 下面给出解决方法： 对于需要重复绑定的场景，再事件注册时候考虑用先unbind 再bind的方法；或者先off 再on 那jQuery
-
本文向大家介绍vue获取DOM元素并设置属性的两种实现方法，包括了vue获取DOM元素并设置属性的两种实现方法的使用技巧和注意事项，需要的朋友参考一下 这里我想到了2个方法： 方法一： 直接给相应的元素加id,然后再document.getElementById("id");获取，然后设置相应属性或样式 方法二： 使用ref,给相应的元素加ref=“name” 然后再this.$refs.name
-
问题内容： 我有一个带有文本字段和按钮的简单fxml。如果文本字段为空，我想禁用按钮。所以我在控制器中插入如下内容： ..那很好。问题是当我添加第二个文本字段时，如果其中一个文本字段为空，希望禁用我的按钮。那该怎么办？我尝试了以下操作，但这不起作用： 问题答案： 可以通过以下方式绑定到布尔表达式：
-
我有一个带有文本字段和按钮的简单fxml。如果文本字段为空，我想禁用按钮。所以我在我的控制器中插入如下内容： ..这很好用。问题是，当我添加第二个文本字段时，如果其中一个文本字段为空，我希望禁用我的按钮。那怎么办呢？我尝试了以下方法，但不起作用：
-
我得到了这个错误 属性内的内插已被删除。改用v-bind或冒号速记。例如，代替