<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://cdn.bootcss.com/vue/2.5.0/vue.js"></script>
</head>
<body>
<div id="app">
<ul>
<li v-for="el in list">{{ el }}</li>
</ul>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
list: []
},
mounted: function () {
this.$nextTick(function () {
this.get()
})
},
methods: {
get: function () {
var _this = this;
$.get('d1.json').then(function (res) {
_this.list = res.data
})
this.$nextTick(function () {
console.log(111)
$("#app li").eq(1).css('color', 'red'); // 想把第2个li颜色变为红色
})
},
}
})
</script>
</body>
</html>
d1.json
{
"data": [
"AAA",
"BBB",
"CCC"
]
}
页面渲染完 想把第2个li颜色变为红色该怎么写?PS:变红只是一个说法,我想知道的是怎么获取这个dom有什么法子
建议不要操作dom。既然用vue,用数据去驱动,改变数据。