使用 VUE 更改元素

时间:2021-03-25 23:40:59

标签: html vue.js

我对此有点陌生,但我还没有设法找到解决问题的方法

我想做的是改变这一点

const array = [{
  x: "data1",
  y: "data2",
  z: 1,
  w: 3
}];
const obj = array[0];
console.log(obj);

为此

<img src="@/assets/images/layout/topbar/magnifier.svg" height="24" width="24" />

当我的参数包含值“InitialLogin”时

<input class="letralogin" :placeholder="InicialLogin">

更清楚地说,我正在寻找一个函数,当我的“InitialLogin”参数不为空并显示“input”时,它可以帮助我隐藏“img”

1 个答案:

答案 0 :(得分:0)

你可以试试

<img src="@/assets/images/layout/topbar/magnifier.svg" height="24" width="24" v-show="InitialLogin == null"/>


<input class="letralogin" :placeholder="InicialLogin" v-model="InitialLogin" v-show="InitialLogin != null">

<div v-if="InitialLogin == null">
  <img src="@/assets/images/layout/topbar/magnifier.svg" height="24" width="24"/>
</div>

<div v-else>
  <input class="letralogin" :placeholder="InicialLogin" v-model="InitialLogin" />
</div>
相关问题