主页 / user-368817

progervova's questions

Martin Hope
progervova
Asked: 2022-08-09 13:57:18 +0000 UTC
  • 1

这是极其简化的代码：

<template>
  dict_posts.length={{ dict_posts.length }}
</template>

<script lang="ts">
import axios from "axios";

export default {
  setup() {
    let dict_posts: { id: number; value: string }[] = [];
    axios.get('http://localhost:8000/api/dict_posts').then(resp => dict_posts = resp.data);
    return {dict_posts}
  }
}
</script>

我需要一个要在模板中使用的职位字典。词汇量大且不可更改。据我了解，如果您将变量设为响应式，则将为此花费某些资源，而我不需要响应式，因为 他是永久的。但它是从基础异步填充的。如何仅在填充变量后将变量传递给模板？在响应式版本中，一切都很清楚。

const dict_posts = ref<{ id: number; value: string }[]>([]);
axios.get('http://localhost:8000/api/dict_posts').then(resp => dict_posts.value = resp.data);
javascript
Martin Hope
progervova
Asked: 2020-09-08 17:24:57 +0000 UTC
  • 0

我试图弄清楚视图 3 中的反应性系统。这是一个简单的示例，我们声明属性反应性，模板显示添加的元素。

<template>
    <ul>
      <li v-for="item in test" :key="item">
        {{ item }}
      </li>
    </ul>
    <v-btn @click="handleBtnAdd">Add</v-btn>
</template>

setup() {
    const test = reactive(["один", "два", "три",]);

    const handleBtnAdd = () => {
      test.push("четыре")
    }
}

以及如何为属性更改创建程序化观察者？就像是：

const test = Reactive(["один", "два", "три",]);
o:Observer=new Observer(()=>alert('Изменилось!!!'))
test.observers.add(o);
javascript
Martin Hope
progervova
Asked: 2020-04-29 17:07:41 +0000 UTC
  • 0

一个动态 Vue2 组件的简单工作示例

<template>
    <div>
        <h1>O_o</h1>
        <component :is="name"/>
        <button @click="onClick">Click me !</button>
    </div>
</template>

<script>
    export default {
        data: () => ({
            isShow: false
        }),
        computed: {
            name() {
                return this.isShow ? () => import('./DynamicComponent') : '';
            }
        },
        methods: {
            onClick() {
                this.isShow = true;
            }
        },
    }
</script>

一切正常，一切都很棒。开始尝试如何使用 Composition API。

<template>
    <div>
        <h1>O_o</h1>
        <component :is="state.name"/>
        <button @click="onClick">Click me !</button>
    </div>
</template>

<script>
    import {ref, reactive, computed} from 'vue'

    export default {
        setup() {
            const state = reactive({
                name: computed(() => isShow ? import('./DynamicComponent.vue') : '')
            });

            const isShow = ref(false);

            const onClick = () => {
                isShow.value = true;
            }

            return {
                state,
                onClick
            }
        }
    }
</script>

我们启动，组件没有出现在屏幕上，虽然没有显示错误。还没有人搞过测试版吗？

vue.js
Martin Hope
progervova
Asked: 2020-03-24 16:47:52 +0000 UTC
  • 0

我正在做一个项目：单独的前端用于视图，单独的后端用于 laravel - 休息 API。CRUD 操作都运行良好。开始实施报表建设。我在 Laravel 中创建了一个控制器，它有一个 CreateReport 方法，可以将 pdf 返回到前面。在其中，我从那里传输表格行的 ID，即模型的名称。如何通过字符串名称引用控制器以调用 show 方法？在互联网上，他们立即发誓从另一个控制器调用一个控制器方法是一种反模式，那该怎么办？

laravel
Martin Hope
progervova
Asked: 2020-02-19 22:11:52 +0000 UTC
  • 1

假设我有元素的三重嵌套。v-content，在v-dialog里面，v-btn就可以了。有没有办法让它根据某些属性的值显示或不显示 v-dialog。那些。v-btn 会在 v-dialog 上可见还是立即在 v-content 上可见？

<v-content>
  <v-dialog :value=true гипотетическое_свойство="false">
    <v-btn>ok</v-btn>
  </v-dialog>
</v-content>

这将是相同的：

<v-content>
  <v-btn>ok</v-btn>
</v-content>
javascript
Martin Hope
progervova
Asked: 2020-01-23 16:23:22 +0000 UTC
  • 0

我在 vue 上做了一个项目，使用内置的 npm run serve 服务器进行调试。我想把它放在 Apache 上（我还没有做过）。我输入了 build 命令，将生成的 dist 文件夹的内容放在 WWW/MyFirstProject 目录中。仅当您将“MyFirstProject/”添加到 index.html 文件中的所有路径时，它才有效。如何确保你每次都不会和这个鬼混？

javascript
Martin Hope
progervova
Asked: 2020-01-22 14:42:20 +0000 UTC
  • 0

最近我们开始尝试将一个旧的桌面项目移动到网络上。我们在 Laravel 上选择了单独的 rest-back，在 vue 上选择了单独的 front。对理论的掌握程度仍然低得令人沮丧。我将不胜感激任何建议。

实施准入制度。可用：组表。文件表。关系表 access_group-documents。目前，我想象的实现如下：用户被授权后，后台会话保存用户所属的组列表（直接和通过组）（或者存储不切实际，是否更好计算每一次？）。在控制器中编写 get 方法时，通过对所需文档和已保存组之间存在连接的限制来补充按文档详细信息进行过滤。这大概是一个可怕的拐杖？应该如何使用 Laravel 的标准功能来完成？

laravel