小编Bou*_*him的帖子

在Oracle SQL Developer中,可以在查看表时使用"数据"选项卡列出表中的数据.在那里可以添加,删除,编辑或只查看当前查看的表的记录

问题是我们经常需要一次查看多个表,然后我们需要打开多个选项卡,我不知道该怎么做的事情,任何消化.tq提前

我正在使用Vue.js创建一个表,我想为每个传递contactID的行定义一个onClick事件.这是代码:

<tr v-for="item in items" class="static" 
    v-bind:class="{'evenRow': item.oddeven=='1', 'oddRow': item.oddeven=='0' }"
@click="addToCount('{item.contactID}')"
>
    <td>{{item.contactName}}</td>
    <td>{{item.recipient}}</td>
</tr>   

单击一行时,它正在调用onClick,这是有效的.我想传递contactID给addToCount().有人可以为此建议正确的语法吗？谢谢

我的目标是在页面/父组件上动态添加组件.

我从一些基本的示例模板开始,如下所示:

main.js:

var App = require('./App.js');
var SampleComponent = require('./SampleComponent.js');
ReactDOM.render(<App/>, document.body);
ReactDOM.render(<SampleComponent name="SomeName"/>, document.getElementById('myId'));

App.js:

var App = React.createClass({
    render: function() {
        return (
            <div>
                <h1>App main component! </h1>
                <div id="myId">myId div</div>
            </div>

        );
    }

});

SampleComponent.js:

var SampleComponent = React.createClass({
    render: function() {
        return (
            <div>
                <h1>Sample Component! </h1>
            </div>
        );
    }
});

这里SampleComponent安装到SampleComponent节点,该节点在App.js模板中预先编写.但是如果我需要向App组件添加无限数量的组件呢？显然我不能让所有必需的div坐在那里.

在阅读了一些教程后,我仍然不了解如何创建组件并动态添加到父组件.这样做的方法是什么？

如何在 Vue 3 中创建事件总线？

在 Vue 2 中，它是：

export const bus = new Vue();

bus.$on(...)
bus.$emit(...)

在 Vue 3 中，Vue不再是构造函数，而是Vue.createApp({});返回一个没有$on和$emit方法的对象。

找不到任何东西来解决这个看似明显的问题。

刚刚使用 Typescript 从 Vue 2 升级到 Vue 3 和 Vuex。

尽管遵循 Vue 3 说明，但 this.$store 似乎无法访问。

src/components/FlashMessages.vue:28:25 TS2339 中的错误：属性 '$store' 不存在于类型 'ComponentPublicInstance<{}, {}, {}, { getAllFlashMessages(): Word; }, {}, EmitsOptions, {}, {}, false, ComponentOptionsBase<{}, {}, {}, { getAllFlashMessages(): Word; }、{}、ComponentOptionsMixin、ComponentOptionsMixin、EmitsOptions、字符串、{}>>'。

    26 |     computed: {
    27 |         getAllFlashMessages (): FlashType {
  > 28 |             return this.$store.getters.getFlashMessages;
       |                         ^^^^^^
    29 |         },
    30 |     },
    31 | 

主文件

import { createApp } from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import …

我有一个使用Vuetify数据表的简单数据表。其中一列是createdOn（日期时间），我想对其进行格式化。我该怎么做 ？

这就是我现在得到的：

<template>
   <v-layout>
      <v-data-table :headers="headers" :items="logs">
      </v-data-table>
   <v-layout>
</template>
<script>
      headers: [
        { text: "Time", value: "createdOn", dataType: "Date" },
        { text: "Event Source", value: "eventSourceName" },
        { text: "Event Details", value: "eventDetails" },
        { text: "User", value: "user" }
      ],
      items: [],
</script>

我有一个父组件，我需要调用其子组件之一中存在的方法：

<template>
  <div>
    <button @click="callChildMethod">
    <child-component ref="child" />
  </div>
</template>
<script>
  setup(props) {
    const child = ref(null)
    const callChildMethod = () => {
      child.doSomething()
    }

    return {
      child,
      callChildMethod
    }
  }
</script>
  

子组件包含doSomething方法：

const doSomething = () => { console.log('calling method....') }

由于我使用的是 VueJS3 和 Composition API，因此我的方法是使用模板引用来调用子组件中的方法。显然不起作用，但我看不出我错过了什么。有人对这个有线索吗？提前致谢

有人知道如何在 Vue 3 中添加全局变量吗？

在 Vue 2 中，我们在main.js文件中使用它：

Vue.prototype.$myGlobalVariable = globalVariable

使用 CLI 创建了一个简单的 Vue 项目：

vue 创建我的项目

想加两个页面，所以安装了最新版本的vue-router（目前是v3.4.8），按照vue精通教程进行路由。

这是我的 router.js 文件的样子：

import { createWebHistory, createRouter } from 'vue-router'
import Home from './components/Home.vue'
import About from './components/About.vue'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/', name: 'Home', component: Home },
    { path: '/about', name: 'About', component: About },
  ]
})

export default router

当然，这就是我的 main.js 文件的样子：

import { createApp } from 'vue'
import router from './router'

createApp({
  template: `
  <div>
    <router-link to='/'>Home</router-link>
    <router-link to='/create'>Create</router-link>
  </div>
  ` …

有没有办法将 vue 3.0 安装到 Laravel 8？当我跑

npm install vue@next

它开始安装 Vue 3.0，但出于某种原因，它也开始安装vue-template-compilerv2.6.12。出现以下内容：

    Additional dependencies must be installed. This will only take a moment.

    Running: npm install vue-template-compiler --save-dev --production=false

Run Code Online (Sandbox Code Playgroud)

然后当我跑

npm run dev

出现以下错误：

• vue@3.0.0 (C:\wamp64\www\vue-sample\node_modules\vue\index.js)
• vue-template-compiler@2.6.12 (C:\wamp64\www\vue-sample\node_modules\vue-template-compiler\package.json)

这可能会导致事情无法正常工作。确保对两者使用相同的版本。如果您使用的是 vue-loader@>=10.0，只需更新 vue-template-compiler。如果您使用的是 vue-loader@<10.0 或 vueify，重新安装 vue-loader/vueify 应该会将 vue-template-compiler 提升到最新版本。

@ ./resources/js/app.js 19:35-79 @ 多 ./resources/js/app.js ./resources/sass/app.scss

我是 Vue 的新手。我该怎么办？