我真的很困惑输入元素的"ref"属性.我从来没有根据我的知识听到它,也找不到一些有意义的材料.代码在vue.js官方文档中.
<currency-input v-model="price"></currency-input>
Run Code Online (Sandbox Code Playgroud)
这是关于组件的代码:
Vue.component('currency-input', {
template: `
<span>
$
<input
ref="input"
v-bind:value="value"
v-on:input="updateValue($event.target.value)">
</span>
`,
props: ['value'],
Run Code Online (Sandbox Code Playgroud)
ref属性值等于输入的含义是什么?
我已经配置了ssh密钥,但仍然无法成功git克隆。错误信息是:
git clone git@gitlab.alibaba-inc.com:alimail-frontend/ragusa.git
Cloning into 'ragusa'...
remote: Counting objects: 108885, done.
Corrupted MAC on input. (76220/108885), 19.05 MiB | 7.62 MiB/s
ssh_dispatch_run_fatal: Connection to 100.67.155.102 port 22: message authentication code incorrect
fatal: the remote end hung up unexpectedly
fatal: early EOF
fatal: index-pack failed
Run Code Online (Sandbox Code Playgroud)
我不知道如何解决它。是不是git配置有问题?
最近,我正在学习响应式设计。但是当屏幕变大时,我在将内容居中时遇到了一些麻烦。
这是问题所在:
@media screen and (min-width: 950px) {
body {
margin: 10%;
}
}
Run Code Online (Sandbox Code Playgroud)
当我将边距设置为 10% 时,只有margin-top和margin-left工作。这不是我想要的。 margin-right根本不起作用。
这是图片:

那么,我该如何解决这个问题?
为什么我的文本和按钮在蓝色内容区域中有一些额外的空间,我无法在页面中对齐它们.我怎么解决这个问题?
这是我的HTML代码:
<div class="item-container">
<span class="item">??????(15?)</span>
<input type="button" class="score-input">
</div>
Run Code Online (Sandbox Code Playgroud)
这是我的css代码:
.score-input{
width:50px;
margin-left:30%;
}
.item-container{
margin-bottom: 10px;
font-size:1rem;
margin-top:10px;
padding-left: 20px;
}
Run Code Online (Sandbox Code Playgroud) 我知道1不是对象,但是当我键入时1..toString(),它在控制台中返回"1".这是为什么?
