-
收集一杯雾2020-01-01 00:00
- 28
- 0
点击每个li后让它切换成val2的值 再点一次val2可以切换成val的值 可以一直这样来回切换 这个效果应该怎么做呢 我写成这样了 试了一下不行 变不回去了
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
ul{list-style: none;}
li{border: 1px solid black;width: 100px;height: 20px;}
</style>
<script src="vue.js"></script>
<script type="text/javascript">
window.onload = function() {
new Vue({
el: '#div1',
data:{
arr:[
{uid:1,val:'zhangsan',val2:'tom'},
{uid:2,val:'lisi',val2:'john'},
{uid:3,val:'wangwu',val2:'jiff'},
]
},
methods:{
change:function(uid){
this.arr.map(item => {
if(item.uid==uid){
item.val=item.val2;
}else{
item.val=item.val;
}
})
}
}
})
}
</script>
</head>
<body>
<div id="div1">
<ul>
<li v-for="item in arr" @click="change(item.uid)">{{item.val}}</li>
</ul>
</div>
</body>
</html>1
打赏
收藏
点击回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部