tnblog
首页
登录

Vue.js常用指令,事件绑定等

509人阅读 2019/4/13 17:06 总访问:200398 评论:0 手机 收藏
分类: Js相关


按照html的编码显示:v-html

 <div class="font_info" v-html="item.Content">{{item.Content}}</div>

这种方式在使用的时候要注意,很容易造成xss攻击


Vue属性绑定

v-bind:属性名="内容"

简写:

:属性名="内容"

小例子:

<!-- 绑定属性 -->
<div v-bind:title="title">嘿嘿</div>
<div :title="title">哈哈</div>
<!-- 绑定地址 -->
<img v-bind:src="url" height="400" width="600"/>


Vue.js事件绑定

<button v-on:click="run()">执行方法的第一种写法</button>
<button @click="run()">执行方法的 简写 写法</button>

改变事件是这样的v-on:change="prochange()"

<select id="provice" v-on:change="prochange()"></select>


评价
我愿与君共享生活喜悦,也愿与君共赴人生无常
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2020TNBLOG.NET