问答
未知
1楼
直接复制到输入框的值为什么获取不到呢?我ctrl+V复制就显示我按下那个键,没有获取到我输入的值
<input v-on:keyup="invalues"></input>
invalues(event){
console.log(event.key);
}
尚新途
// 监听键盘所有事件
<input @keyup="doDown">
// 监听 按键 enter
按enter:<input type="text" @keyup.enter="doEnter">
// <input v-on:keyup.tab="doDown">
// <input v-on:keyup.delete="doDown">
// <input v-on:keyup.esc="doDown">
// <input v-on:keyup.space="doDown">
// <input v-on:keyup.up="doDown">
// <input v-on:keyup.down="doDown">
// <input v-on:keyup.left="doDown">
<script>
var vm = new Vue({
el:'#app',
data:{
},
methods:{
doEnter:function(e) {
this.valText = e.target.value
console.log(this.valText)
},
doDown:function(e) {
// this.valText = e.target.value划水
// console.log(this.valText)
console.log('我按下了')
}
}
})
</script>v-on 可以简写成@符号 上面代码是一个监听键盘按键触发的小例子，看一下你的invalues这个要触发的事件是否写在了methods 中
流年岁月
2楼
<template>
<div class="hello">
{{ msg }}
<p v-html="room"></p>
<a v-bind:href="links.url">{{ links.title }}</a>
<p>{{1+1}}</p>
<div>
<template v-if="flag">
<p>孙悟空</p>
<p>唐僧</p>
<p>猪八戒</p>
<p>沙和尚</p>
</template>
<template v-else>
<p>六耳猕猴1</p>
<p>六耳猕猴2</p>
<p>六耳猕猴3</p>
<p>六耳猕猴4</p>
</template>
</div>
<p v-show="flag">我是show</p>
<p v-for="(item,index) in names" v-bind:key="index">{{ item }}</p>
<p v-for="(item,name,index) in obj" v-bind:key="index">{{name}}:{{item}}: {{index}}</p>
<p>{{count}}</p>
<button v-on:mouseover="addCountHandler(10,$event)">按钮</button>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
data () {
return {
msg: 'HelloWorld',
flag:true,
count:0,
room:"<h2>只是一个h2标签</h2>",
names:["zhou","jia","quan"],
obj:{name:"邹雅婷",age:20,sex:"女"},
id:1002,
links:{
title:"周家泉的小屋",
url:"http://www.baidu.com",
}
}
},
methods:{
addCountHandler(data,event){
console.log(event)
this.count += data
}
}
}
</script>这个event事件一直报错
尚新途
这是key 冲突了，key其中一个换一个
hello、
3楼
在vue项目中如何将bootstrap引用进来呢？
尚新途
你看一下这篇博客就会用了
尚新途
好的，还有就是我如何将html文件中的代码引用到指定div块中呢？我使用load调用失败
尚新途
想要将html 中的代码放到组件的div 块中不能引用，把代码粘贴到div 块中就可以了
尚新途
利用js，jq也不能做到吗？应该是可以的呀，就是在指定的div中显示指定的html，除了这个外iframe
尚新途
能实现你这个要求的只有 iframe 这个标签。
尚新途
怎么修改nav的css样式使nav的右侧可以并排显示div块呢
尚新途
给div 加浮动就好了，前三阶段也要好好学习，不管是有没有基础，都不建议跳着学。基础要打好
