在vuejs

Question

我在div中有一个图标，它有两个使用vue绑定到它的类，一切都在最初工作，但点击“链接”类不会打开或关闭，即使变量h（我已在数据中定义） ）从true变为false，反之亦然。发生了什么事？

        <div v-for="(i, ind) in icons_row1" :key="ind" xs4 md2>
            <button @click="h = !h" :title="titles[ind]"><i :class="[{'linked' : h}, i]" class="ficon" ></i></button>
        </div>

Answer 1

如果你想要一个动态类，你可以尝试这样的事情：

 public class DefaultModule : Module
{
    protected override void Load(ContainerBuilder builder)
    {
        // Register Entity Framework
        var dbContextOptionsBuilder = new DbContextOptionsBuilder<SalesDbContext>().UseSqlServer("MyConnectionString");

        builder.RegisterType<SalesDbContext>()
            .WithParameter("options", dbContextOptionsBuilder.Options)
            .InstancePerLifetimeScope(); 

    }
}

这是一个小提琴：https://jsfiddle.net/ku9brr33/

我进一步更新了小提琴： https://jsfiddle.net/ku9brr33/1/

首先，您在按钮内部使用了标签，此I标签默认为“内联”，没有内容，这意味着您的I标签将显示为不可见...尝试在其中添加一些文字。

  <div v-bind:class="[ somethingTrue ? 'styleA' : 'styleB' ]">Some text</div>

标题属性是当您将鼠标悬停在按钮上时（请参阅我的示例），而不是显示给最终用户的文本。

由于您在原始问题中从未提供任何CSS，因此不清楚您在此处尝试做了什么。