小编Are*_*Lin的帖子

Vue - 使用refs聚焦元素目标

当点击span class ="before-click"时,
我希望它隐藏起来,然后输入class ="after-click".
并且显示的输入标签必须是聚焦的!
问题是当我尝试使用$ refs.afterClick访问该DOM并给它.focus()时,意外错误显示.focus()不是函数.
如何解决这个问题?谢谢.

var myApp = new Vue({
  el: '#app',
  data: {
    onEdit: false,
    msg: 'Something in here',
  },
  methods: {
    switchAndFocus() {
      if(!this.onEdit) {
       this.onEdit = true;
       this.$refs.afterClick.focus();
      }
    },
  },
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.min.js"></script>
<div id="app">
  <span class="before-click" @click="switchAndFocus()" v-show="!onEdit">{{msg}}</span>
  <input type="text" class="after-click" ref="afterClick" :value="msg" v-show="onEdit">
</div>
Run Code Online (Sandbox Code Playgroud)

javascript dom focus refs vue.js

6
推荐指数
1
解决办法
9573
查看次数

docker exec和docker exec -it有什么区别?

我是Docker的新手。我试图使用Docker容器实现MySQL。

在Docker容器中执行mysql命令时,本教程将显示此命令 docker exec -it mysql1 mysql -uroot -p

提到的Docker文档docker exec意味着在容器中运行命令。
可选i标签表示“即使未连接也请保持STDIN打开”。
可选t标签的意思是“分配伪tty”。

什么意思是“保持STDIN打开”,什么意思是“附加”?
什么是“分配伪tty”?

我对shell命令不熟悉。我不知道为什么在这里添加“-”。
如果我只是打字会有所不同docker exec mysql1 mysql -uroot -p吗?

很困惑,期待任何帮助...谢谢...

docker

6
推荐指数
1
解决办法
3056
查看次数

为什么Vue渲染功能可以处理单个文件组件?

我使用Vue cli并实现simple-webpack模板。

在入口文件中main.js,有如下代码:

render: h => h(App)
Run Code Online (Sandbox Code Playgroud)

我知道这hcreateElement函数的别名,我想知道为什么像这样的单个文件组件App可以作为参数传递,官方vue文档中没有提到这一点。

有人知道为什么吗?

render vue.js vue-cli

5
推荐指数
1
解决办法
1368
查看次数

在 Objection.js 中,设置关系映射有什么好处?

我对关系映射在 Objection.js 模型类中的作用感到有点困惑。

我想一旦我们在模型中设置了关系映射,我们就会在每个查询中获得相关数据。但是,事实证明我仍然只有模型属性本身。

我还应该使用其他什么方法来获取查询中的相关数据吗?

objection.js

4
推荐指数
1
解决办法
5481
查看次数

我应该将Firebase API密钥隐藏到后端吗?不是由于数据安全,而是项目克隆问题

有人可以帮助我解决Firebase安全问题吗?
这是我试图弄清楚的:

我了解到,要让客户端与我的Firebase应用程序,配置进行交互, firebase.initializeApp(config)并将其公开,并且使用客户端的每个人都可以在浏览器开发人员控制台中看到它。

我也知道这很好,因为我可以使用安全规则和身份验证来保护数据。

但是,如果有人复制了我所有的客户端代码(包括配置)并构建了许多克隆站点,那么他们可以根据需要使用我的Firebase数据库了吗?

在这种情况下,我是否应该将configs(api键)隐藏到后端(如云函数)?谢谢...

api-key firebase firebase-realtime-database

3
推荐指数
2
解决办法
2260
查看次数

在 Material UI 中,如何覆盖选择器选定的组件样式?

在材质UI,延长之间的距离MuiInputLabelMuiInput,我要重写的marginTop label + .MuiInput-formControl

但是,createMuiTheme的覆盖仅提供对 Mui 组件 CSS 的直接覆盖,例如:

createMuiTheme({
  overrides: {
    MuiInput: {
      formControl: {
        marginTop: '1.5rem',
      },
    },
  }
})
Run Code Online (Sandbox Code Playgroud)

我该怎么做:

createMuiTheme({
  overrides: {
    'label+MuiInput': {
      formControl: {
        marginTop: '1.5rem',
      },
    },
  }
})
Run Code Online (Sandbox Code Playgroud)

谢谢...

reactjs material-ui jss react-admin

1
推荐指数
1
解决办法
1946
查看次数

使用 Object.keys 和 lodash _.keys() 之间的性能差异是什么

使用 ES6Object.keyslodash _.keys()?

或者用一个来对抗另一个有什么好处?

最近我在考虑使用哪个是最佳实践,有谁知道每个人的引擎盖下是什么?谢谢。

javascript lodash

1
推荐指数
1
解决办法
1372
查看次数