代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue.js"></script>
</head>
<body>
<div id="demo">
<ul>
<li v-for="(item,index) in list" v-userdefined >
<!--<img v-bind:src="item.url"/>-->
<div></div>
</li>
</ul>
</div>
<style>
.class-a {
background: red;
}
.class-b {
background: red;
}
</style>
<script>
// 注册一个全局自定义指令 `v-focus`
Vue.directive('userdefined', { //用户自定义指令
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
el.addEventListener("click", function(){
alert(1)
});
}
})
//创建一个vue的实例
new Vue({
el: "#demo",
data: {
userDefined:'userDefined',
classA: true,
list: [
{
url: 'http://i4.265g.com/images/201902/201902280644122663.jpg'
},
{
url: 'http://i4.265g.com/images/201902/201902280644122663.jpg'
},
{
url: 'http://i4.265g.com/images/201902/201902280644122663.jpg'
},
{
url: 'http://i4.265g.com/images/201902/201902280644122663.jpg'
},
{
url: 'http://i4.265g.com/images/201902/201902280644122663.jpg'
},
],
},
methods: {
clickEvent(){
console.log('clickEvent')
},
clickEvent1(){
console.log('clickEvent1')
}
},
beforeCreate(){
},
created(){
},
beforeMount(){
},
mounted: ()=> { //挂载元素，获取到DOM节点
},
beforeUpdate(){
},
updated(){ //挂载元素，获取到DOM节点
},
beforeDestroy(){
},
destroyed(){
},
})
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手