小编Iva*_*der的帖子

在Vue.js中内联反转boolean @click

对于一个简单的演示,我想反转我在我的Vue.js实例的数据属性中定义的布尔值.

我尝试了什么:

<button @click="!spanVisible" type="button">Toggle</button>
Run Code Online (Sandbox Code Playgroud)

<button @click="(!spanVisible)" type="button">Toggle</button>
Run Code Online (Sandbox Code Playgroud)

我想避免在我的v-on中写一个单独的方法或者有类似的东西:click ="":spanVisible ? !spanVisible : !spanVisible因为它只是多余的.

所以现在我的问题主要是:为什么直接反转不起作用?还有什么其他的可能性来保持简短?

编辑:

我现在发现的最短的变化是使用spanVisible = !spanVisible,但不确定这是否是最简洁的版本.

解:

我发现的最佳解决方案是@Sombriks在评论中提出的:使用@click="!spanVisible"仅评估反转的值,spanVisible但不替换它的值,为它分配一个新值,你可以使用@click="spanVisible = !spanVisible",这似乎是最简洁的工作版本现在.

javascript vue.js

8
推荐指数
2
解决办法
6094
查看次数

带有图标的jQuery可拖动DIV

我想制作一些可拖动的DIV与jQuery'可拖动,但那些不应该是可拖动的,但只有在每个DIV顶部的一个小图标的帮助下,所以我只能移动它,如果我点击并拖动它DIV上方的图标,而不是每当我点击并拖动div时拖动.

提前致谢

jquery jquery-ui draggable

0
推荐指数
1
解决办法
2808
查看次数

标签 统计

draggable ×1

javascript ×1

jquery ×1

jquery-ui ×1

vue.js ×1