vue-component相关内容

解决“类型 'Vue' 上不存在属性";错误

我正在使用 Typescript 和 Vuejs 来构建应用程序.我有几个独立的组件 (.vue) 文件,我将它们导入到 Typescript (.ts) 文件中.在 Typescript 文件中,我从 npm Vue 库中导入 Vue,然后创建一个新的 Vue 来显示我的组件.我看到的错误是: 属性 x 在类型“Vue"上不存在 我的构建系统是带有 tsc 的 Webpack.为什么 ..
发布时间:2021-09-20 19:10:58 前端开发

停止从销毁的子组件接收事件

我有一个父组件,我可以在其中动态添加子组件. 在挂载中添加子组件时,我会为事件注册一个侦听器 EventBus.$on('内容类型保存', function() {这里的逻辑...} 问题是当通过从子组件数组中删除该组件而在父组件中删除该组件时,即使仍然会触发并且运行其中的代码. 我怎样才能防止这种情况发生?我试过了 beforeDestroy() {//在销毁 vue 实例之 ..
发布时间:2021-09-20 19:10:44 前端开发

vue js 2:在挂载函数中访问道具

我在子组件中有数据道具.在已安装函数的子组件中,我需要从 props 获取特定值并设置选择下拉值.我正在使用 vue-multiselect 插件,它工作正常.这是代码. module.exports = {道具:[“订阅"]挂载:函数(){让 vm = 这个;Vue.nextTick(function () {//我想在这里访问 props 但它返回 0 长度数组console.log(vm. ..
发布时间:2021-09-20 19:10:13 前端开发

Vue.js - 从指令发出事件

是否可以从指令在附加该指令的组件发出自定义事件. 我希望它像示例中描述的那样工作,但它没有. 示例: //基本指令Vue.directive('foo', {绑定(el,绑定,vnode){setTimeout(() => {//vnode.context.$emit('bar'); ..
发布时间:2021-09-20 19:09:53 前端开发

如何从 javascript 文件(而不是 vue 组件)获取 vuex 状态

我正在使用 vuex (2.1.1) 并在 vue 单文件组件中工作.然而,为了避免在我的 vue 单文件组件中出现太多问题,我将一些函数移到了一个 utils.js 模块中,然后我将其导入到 vue 文件中.在这个 utils.js 中,我想读取 vuex 状态.我怎样才能做到这一点?似乎使用 getter 等接近状态是假设您是在 vue 组件内工作,或者不是? 我尝试 import st ..
发布时间:2021-09-20 19:09:45 前端开发

访问 VueJS 中的嵌套子组件

使用 v2.2.2.我的 VueJS 应用程序中有以下结构.如何从 Post 组件上的方法访问所有 Account 组件?帐户的数量是动态的 - 我想获取所有加载的 Account 组件并遍历它们. 我知道这与 $refs 和 $children 有关系,但我似乎无法找出正确的路径. ..
发布时间:2021-09-20 19:09:23 前端开发

你可以在 Vue 模板中渲染 VNodes 吗?

我有一个渲染函数将一些数据传递到作用域槽的情况.作为此数据的一部分,我想包括一些由渲染函数构造的 VNode,这些 VNode 可以选择由作用域插槽使用.在模板中写入作用域插槽以输出接收到的原始 VNode 时,是否有任何办法? 解决方案 您可以使用功能组件为模板的该部分渲染 vnode: ..
发布时间:2021-09-20 19:09:00 前端开发

如何在 VueJS 中的组件之间共享数据

我有一个相当简单的 VueJS 应用程序,包含 3 个组件(登录、SelectSomething、DoStuff) 登录组件只是一个供用户和传递输入的表单,而第二个组件需要显示在登录过程中获得的一些数据. 如何将数据从一个组件共享到其他组件?这样当我路由到第二个组件时,我仍然拥有登录一个中获得的数据? 解决方案 你可以使用 props 或事件总线,您可以在其中从组件发出事件并侦 ..
发布时间:2021-09-20 19:08:48 前端开发

Vuex:跳过操作并直接从组件提交 Mutation

在 vue.js 应用程序中,使用 vuex 作为状态管理存储,我需要简单地更改 vuex 中的属性值.为此,我可以采用两种方法: 调度一个action方法,它将进一步提交mutation,最终会改变状态. 第二种方法是直接从组件提交mutation,然后mutation方法会改变状态. 目前,我正在使用第一种方法: 在组件中: this.$store.dispatc ..
发布时间:2021-09-20 19:08:38 前端开发

在 Vue.js 中包含全局函数

在我的 Vue.js 应用程序中,我想要一些全局函数.例如一个 callApi() 函数,我可以在每次需要访问我的数据时调用它. 包含这些函数以便我可以在所有组件中访问它们的最佳方法是什么? 我应该创建一个文件 functions.js 并将其包含在我的 main.js 中吗? 我应该创建一个 Mixin 并将其包含在我的 main.js 中吗? 还有更好的选择吗? 解决方案 ..
发布时间:2021-09-20 19:08:27 前端开发

Vue 组件 props & 的默认值如何检查用户是否没有设置道具?

1. 如何在 Vue 2 中为组件 prop 设置默认值?例如,有一个简单的 movies 组件可以这样使用: Vue.component('电影', {道具:['年'],模板:'#电影模板',...} 但是,如果用户没有指定year: 然后组件将为 year 属性取一些默认值. 2. 另外,检查用户是否没有设置道具的最佳方法是什么?这是一个好方法吗: if (this.year ..
发布时间:2021-09-20 19:07:58 前端开发

Vue“导出默认值"与“新 Vue"

我刚刚安装了 Vue,并且一直在按照一些教程使用 vue-cli webpack 模板创建一个项目.当它创建组件时,我注意到它在以下内容中绑定了我们的数据: 出口默认{名称:'应用',数据: []} 而在其他教程中,我看到数据来自: new Vue({el: '#app',数据: [])} 有什么区别,为什么两者之间的语法似乎不同?我无法从标签内部获取“新 Vue"代码使用来自 vue-c ..
发布时间:2021-09-20 19:07:41 前端开发

如何在 VUE js 中的组件之间共享数据(创建列表时)

能否请您告诉我如何在 VUE js 中的组件之间共享数据(创建列表时).我有两个组件 list components 和 add todo component.我想要当用户点击添加按钮时在列表中添加项目.但问题是输入字段存在于不同的组件中,而列表存在于不同的组件中这是我的代码https://plnkr.co/edit/bjsVWU6lrWdp2a2CjamQ?p=preview //代码放在 ..
发布时间:2021-09-20 19:06:23 前端开发

Vuex 存储“strict: true"不起作用

当我设置 strict: true 时出现错误: vue.js:525 [Vue 警告]:观察者“状态"错误(在根实例中找到)警告@ vue.js:525运行@vue.js:1752更新@vue.js:1720通知@vue.js:584reactSetter @ vue.js:814Transform.resize @transform.js:169e.resize @ map.js:343e. ..
发布时间:2021-09-20 19:06:09 前端开发

动态图片绑定vue

我想做和这里一样的,但我想使用images.sample作为参数,例如props:['images.sample'], 导出默认{数据() {返回 {图片: {示例:需要('./assets/static/images/sample.jpg')}}}} 解决方案 你的子组件应该像: 导出默认{name: ..
发布时间:2021-09-20 19:05:25 前端开发