小编JFu*_*_jr的帖子

我正在使用vuejs,并且根据用户是否登录,我需要调整topbar中两个div的大小和内容.因此,如果他们没有登录,它应该是这样的:

<div id='search' width="400px"></div><div id="login" width="200px"><img></div>

当他们登录时应该是这样的:

<div id='search' width="200px"></div><div id="login" width="400px"><div id='somecontent></div><div id='morecontent'></div></div>

我知道我可以通过完全硬编码然后使用v-if语句来实现这一点,但我想知道是否有更好的方法.

我有一个html文档,其中一个函数被调用,这样<div id="mon" class="topbar" onclick="verd()"> 调用一个像这样 的body标签内的jquery函数

<script src="jquery.js">
  function verd(){
    $("#stillmain").empty();
  }  </script>

这会返回错误:

Uncaught ReferenceError: verd is not defined
at HTMLDivElement.onclick

当我将脚本更改为没有Jquery的纯Javascript时,就像这样

  <script>
  function verd(){
    $("#stillmain").empty();
  }  </script>

它确实识别函数verd(),任何人都可以解释发生了什么,以及我如何仍然可以使用Jquery？我正在使用最新版本的Jquery(只是更改了名称,没有别的).