标签中的vue.js 2 h3标签无法正常工作

时间:2018-04-03 07:22:17

标签: javascript html vuejs2

这是我的代码。我不知道为什么我不能点击h3& h5标签在网上打开一个新页面,但是当我点击img标签时它就可以了。有人能帮助我吗?非常感谢。



<div class="item">    
    <a  v-bind:href="brand.channel.parent_channel.name_en + '/' + brand.channel.name_en +'/articles/' + brand.id">
		<div class="module_img">
			<img :src="brand.logo" :alt="brand.title"/>
		</div>
		<h3 class="dotdot">{{ brand.title }}</h3>
		<h5 class="dotdot">{{ brand.brief }}</h5>
    </a>
  </div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

尝试将@click事件用于锚标记 例如:

<div>
      <a @click="openGoogle()">
        <div>
          <img src="https://placehold.it/100x100">
        </div>
        <h3>john</h3>
        <h5>doe</h5>
      </a>
    </div>

和方法:

openGoogle(){
      window.open('http://google.com');
    },

您可以通过方法参数传递数据

答案 1 :(得分:0)

尝试在@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); TextView textView = findViewById(R.id.text); String javacode="import java.util.Scanner;\n" + "class Addigit\n" + "{\n" + "public static void main(String args[])\n" + "{\n" + "Scanner sc=new Scanner(System.in);\n" + "System.out.println(\"enter the no..\");\n" + "int n=sc.nextInt();\n" + "int fd=n%10;\n" + "int rd=n/10;\n" + "int sd=rd%10;\n" + "rd=rd/10;\n" + "int td=rd%10;\n" + "System.out.println((fd+sd+td));\n" + "}\n" + "}"; textView.setText(javacode); } 代码中添加样式display: inline-block