vue-component相关内容
此问题从此处发布: VueJS手风琴表 - 出现在桌面之外 @Bert Evans提供的答案很好,但是,在我正在开发的系统中,存在一些不能使其工作的约束。 主要的限制是我正在开发一个基于实时的系统,它利用商店所以当用户编辑某些内容时,会触发一个动作,从ajax调用中再次提取所有数据。提供的解决方案使用 contentVisible ,虽然我可以在调用操作时映射它,主要问题是每当调
..
我需要以给定格式传递数据。 规则:[{ name:null, section:null, data: [{head:null,value:null}] }], 这是我面临的问题。希望有人能帮我解决问题。给出了片段。我需要以上面给出的格式传递数据。如果在rules []中需要另一个数组,它也没关系 数据[]中的head和value需要另一个数组。如果需要,这也
..
好吧,我正在尝试在Vue中更改“变量”的值,但是当我点击按钮时,他们会在控制台中抛出一条消息: [Vue警告]:避免直接改变道具,因为只要父组件重新渲染,该值就会被覆盖。而是根据prop的值使用数据或计算属性。支持变异:“menuOpen” 我不知道如何解决这个问题... 我的file.vue:
..
我的组件是这样的: ... ... import _ from'lodash' ...
..
在VueJS中,我已经看到了从组件访问父属性的不同方法。假设我想在我的组件中使用父属性 items 。 第一种方式 该组件具有绑定到父属性的道具值: .js Vue.component(“example”,{ template:“
“, 道具:[”myItems“] }); .html
..
这是我的主要javascript文件: 从'vue'导入Vue 新Vue ({ el:'#app' }); 我的HTML文件: <身体GT;
带有运行
..
有没有办法在没有webpack或browserify的情况下将.vue文件编译成.js文件?我知道webpack或browserify的优点,但我只想要最简单的方法来编译.vue文件。例如,我有一个文件组件 comp.vue 符合 comp.js (编译器应该能够在.vue文件中编译sass和pug)然后我可以在我的应用程序中使用它,如下所示:
..
我对如何更改组件内的属性感到有点困惑,假设我有以下组件: { 道具:{ 可见:{ 类型:布尔值, 默认值:true } }, 方法:{ hide(){ this.visible = false; } } } 虽然它有效,但它会发出以下警告: 避免直接改变道具,因为只要父组件重新渲染,该值就会被覆盖。而是根据prop的值使用数据或计算属性。
..
我正在使用VueJS 2处理模态组件。现在,它基本上可以工作 - 我点击按钮并打开模态等。 什么我现在要做的是为模态创建一个唯一的名称,并将该按钮与该特定按钮相关联。 这就是我的想法。模态具有唯一的名称属性: CONTENT 这将是关联按钮:
..
如何在我的子组件Post中访问父数据变量(limitByNumber)? 我尝试使用prop但它不起作用。 父母: import from' ./components/Post.vue'; 新Vue({ el:'body', 组件:{Post}, 数据:{ limitByNumber:4 } }); 组件发布:
..
我在每个my-progress中定义了计时器,用于更新视图的值,但控制台显示常量变化的值,并且视图的值仍然没有改变,我怎么能在计时器中做到更改视图的值 Vue.component('my-progress',{ template:'\
..
在Vue 2.0应用程序中,假设我们有组件A,B和C. A声明,注册并使用B 是否可以将C从A传递给B? 这样的事情: <模板>
以某种方式在B中使用C. <模板>
..
我有一个用于显示数据的文件组件和另一个用于编辑相同数据的组件。该视图具有标签和段落,其中编辑组件具有输入和textareas。 这两个组件都采用相同的数据对象。有没有办法通过编辑字段(在编辑组件中用 v-model 绑定)反映到视图组件的变化? 例如,这是我的 paragraph.vue ,用于显示数据 <模板>
..
我是Vue JS的新手,我正在创建一个缩略图查看器,我将获得一个图像和视频列表作为对象数组。首先,我将只显示5个项目,当用户单击“上/下”按钮时,我想垂直滑动缩略图。 我创建了一个 codepen 通过引用StackOverflow上的一些链接。 我正在使用Vue Transitions并且我的数据似乎是被动的但是当我点击时我无法看到平滑过渡(滑动到顶部/底部100px)在顶部和底部按
..
我正在使用Vue.js构建单页应用程序。这是一个相对简单的应用程序,更像是一个扩展的,固定的电子表格。我正在使用 vue-router 来处理应用程序的不同视图,一些用于输入新数据,一些用于执行数据计算,但所有数据都是交织在一起(在视图#1中输入的数据用于在视图#2中输入数据,然后两者用于计算视图#3中的内容)。 这意味着我需要全球数据结构。根据我的研究,我发现我有几种方法可以解决这个问题:
..
我正在尝试在VueJs组件中的输入字段的监视处理函数中设置数据变量。我有这样的事情: data(){ return { params:{ //默认参数为1个月 来自:new Date()。setMonth(new Date()。getMonth() - 1), to:Date.now(), skip :0, 限制:100 } } } 观察:{ 日期:{ handler
..
我有在父组件中生成的事件,而子组件必须对其做出反应。我知道这不是 vuejs2 中的推荐方法,而且我必须做一个 $ root emit,这非常糟糕。所以我的代码就是这样。
..
我正在尝试向自定义vue组件添加一个简单的日期选择器。我没有使用webpack所以我想避免现成的 .vue 组件,而我更了解如何添加简单的javascript到vue。 我正在关注这个官方的vue教程 我也见过这个代码簿但我无法设置日期选择器。 这是我的 jsfiddle : Html:
..
我正在使用VueJS Vuetify框架,我需要打开一个对话框 - 它作为组件模板导入 - 来自另一个模板。单击 App.vue 中的 菜单按钮后,应打开模态。 这是我的设置: App.vue =带菜单按钮的导航模板 Modal.vue =模态模板,在main.js中作为全局导入 main.js 从'./components/Modal.vue'导入模态 Vue.compo
..
我在SO上找到了这个答案:是否有正确的方法在vuejs中重置组件的初始数据? 但是,现在不允许使用当前方法和VueJS禁止更改$ data var。 正如您在此处所见 https://github.com/vuejs/vue/issues/2873 (不允许修改$ data。) 因此,如果我尝试上述方法,我会收到VueJS警告: [Vue警告]:避免替换实例根$ data。
..