小编Bee*_*Lee的帖子

我是 ES6 的新手，我试图在单击内部按钮时不向任何人显示 div。

我尝试了这个，但它不起作用：

const hide = () => {
  const z = document.getElementById('button')
  const y = document.getElementById('block')
  z.onclick = () => {
    y.style.display='none'
  }
}

<div id="block">
  <button id="button" onClick="hide()">my button</button>
</div>

有什么帮助吗？

在使用 v-for 显示多个模式后，我试图将 vue bootstrap 模式绑定到它的按钮：

这是我的代码：

<template>
  <div>
    <b-container fluid>
      <b-row>
        <b-col xs="12" sm="12" md="6" lg="4" v-for="project in projects" v-bind:key="project.id">
          <p>
           {{ project.body }}
          </p>
          <b-button variant="primary" v-b-modal.myModal>Go somewhere</b-button>
          <b-modal id="myModal" size="lg" title="Large Modal" centered >
            Hello Modal!
          </b-modal>
        </b-col>
      </b-row>
  </b-container>
  </div>
</template>

<script>
  import jsonProjects from '@/data/projects.json'

  export default {
    name: 'Grid',
    data () {
      return {
        projects: jsonProjects
      }
    }
  }
</script>

通过此设置，当我单击单个按钮时，所有模态都已打开，因此我的问题是如何使用数据 id 动态地将“vb-modal.myModal”绑定到 id="myModal"。

数据是简单的json格式。

谢谢你们。

我正在尝试在 Vue JS 2 上设置自定义指令。但我收到了以下错误消息：

TypeError: Math.random(...).toString.slice is not a function

这是我在 main.js 上全局编写的指令：

Vue.directive('rainbow', {
  bind (el, binding, vnode) {
    el.style.color = '#' + Math.random().toString.slice(2, 8)
  }
})

这是我调用指令的地方

<h2 v-rainbow>Hello</h2>

我在网上到处搜索，但信息。任何帮助或建议都非常受欢迎。谢谢

我刚刚完成在 Vue js 2 上构建我的作品集并上线。我有三种看法。当我重新加载主视图时，一切正常，但在另外两个视图上，我有几条错误消息。

Error parsing a meta element's content: ';' is not a valid key-value pair separator. Please use ',' instead.
Work:30 A parser-blocking, cross site (i.e. different eTLD+1) script,
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://website.com' is therefore not allowed access. The response had HTTP status code 403. 

这是我第一次使用单页 Web 应用程序架构。请问有办法解决这个问题吗？

这是路由器文件

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/views/Home'
import Work from '@/views/Work'
import About from '@/views/About'

Vue.use(VueRouter) …

我将逐点解释，因为它可能是一个安静的复合体。

• 我用鼠标或触控板突出显示文本，然后在鼠标向上突出显示的文本存储在对象数组中。每个对象都包含选定的文本。

• 我希望在该数组上循环播放，以便能够一一显示所有选择，只要我选择其他文本即可。

基本上，我将每个选定的文本存储到selectionArray中。每个selectedText是对象内的一个字符串。所以SelectionArray变成了这样的对象数组：在第一个选择上：

[
 {selectedText: '...string...'}
]

在第二个选择中，将更新数组：

[
 {selectedText: '...string...'},
 {selectedText: '...another string...'}
]

依此类推...最后，我在项目数组上使用v-on循环，该数组等于selectionArray，其内容如下：

this.items = selectionArray

目前，我快到了，但是缺少一些东西，因为我看不到实时的修改，因此必须对HTML（奇怪的）进行无用的修改，才能看到结果。我怀疑创建的方法，但至少需要一种逻辑上的调查方法，我需要帮助。谢谢

这是代码：

<template>
  <main class='wrapper'>
    <section class='wrapper-copy'>
      <div class='copy'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis sequi dolorum soluta pariatur asperiores. Recusandae atque nesciunt ipsa velit impedit fugit enim, quia explicabo adipisci sunt earum laudantium illo. Tenetur.
Animi magnam corrupti atque mollitia eaque enim, voluptatum magni laboriosam vel possimus reprehenderit aut doloribus inventore repellat aliquam voluptatem esse ut …