-
0 votesanswersviews
无法从Vuejs中的子组件向父组件发出事件
我的父组件从api获取数据,这是一个字符串数组,然后将其传递给子组件 . 在子组件中,我将父项中的数据显示为下拉列表,当我从下拉列表中选择特定项时,我希望它设置一个特定的变量 . 我已经使用了$ emit和$ event,如文档中所示,但它无法正常工作 . 请查看我的代码并告诉我哪里出错了 . 父组件App.vue <template> <div id="app... -
2 votesanswersviews
从vuejs组件创建npm包并在本地测试的正确方法是什么
首先,我将vuejs项目搭建为vue-cli的测试容器 . 然后我从本地环境中的Vuejs组件创建一个npm包 "vue-npm-example" ,并在上面的测试项目中导入 . In the package , 我跑了 npm link ,在项目中我跑了 npm link vue-npm-example , Example.vue <template> &... -
0 votesanswersviews
Vuejs单元测试 - 观察者在道具上
我正在尝试对Vue组件中的道具进行单元测试 . 我正在使用Karma Jasmine . 但似乎道具上的观察者不会在单元测试中触发 . 这是一个简单的组件: export default { name: 'hello', data: function () { return { b: null }; }, pr... -
1 votesanswersviews
在Vue单元测试中缺少所需的螺旋误差
我有一个包含两个必需道具的组件 . 单元测试失败,因为我收到以下错误: console.error node_modules\vue\dist\vue.runtime.common.js:589 [Vue warn]: Missing required prop: "heading" (found in <Root>) console.err... -
1 votesanswersviews
我的lib包中的component-normalizer是什么?
我尝试将我的Vue组件打包到多个共享库中,并根据vue-cli的webpack模板编写一个demo . 我添加了一个包含多个条目的新webpack配置,如下所示: ... output: { path: config.lib.assetsRoot, filename: utils.assetsLibPath('[name].min.js'), library: '[na... -
0 votesanswersviews
Vuejs自定义插件getelementbyid不起作用
我正在尝试创建以下codepen的vuejs插件 https://codepen.io/hakimel/pen/nLFDv?editors=0010 如果我不改变线条,一切正常 var canvas = document.body.appendChild( document.createElement( 'canvas' ) ); 但如果我尝试使用以下行 var canvas = documen... -
0 votesanswersviews
Vue 2 v模型数据没有绑定和删除属性
我有一个绑定选择嵌套数据: <select class="form-control" v-model="user_profile.sport.sport_id"> <option v-for="sport in sport_information.sports" :value="sport.spor... -
-1 votesanswersviews
从选定的下拉Vue Js获得 Value
我有一个问题,我真的很困惑如何从形式绑定vue js获取 Value . 我试过 - > https://vuejs.org/v2/guide/forms.html#Select . 但我总是得到错误,如 - > Property or method "selected" is not defined on the instance but referenced... -
2 votesanswersviews
vue.js select / dropdown selected item vm binding not working(bootstrap-vue)
我正在尝试创建一个简单的vue,将所选项目从选择/下拉列表绑定到vm中的属性 . 当使用也在视图模型中的选项集合时,我无法找到一个清晰而简单的示例,说明它是如何关闭的 . <template> <div> <h1>Select box</h1> <b-dropdown id="ddCommodi... -
1 votesanswersviews
选择后选择vue组件关闭下拉列表
尝试创建一个简单的selectize vue组件,但是我遇到问题,每当我选择一个选项并在组件中使用v-model时,下拉列表会自动关闭,同时删除v-model,下拉列表保持打开状态,直到达到指定的最大项目 . HTML <div id="app"> <p>With Model: {{ selected }}</p> <selec... -
81 votesanswersviews
VueJs 2.0 - 如何监听`props`的变化
在VueJs 2.0 docs中,我找不到任何可以监听 props 更改的钩子 . VueJs有像 onPropsUpdated() 这样的钩子吗? Update 正如@wostex建议的那样,我试图 watch 我的 property ,但没有任何改变 . 然后我意识到我有一个特例: <template> <child :my-prop="myProp&quo... -
5 votesanswersviews
在VUE.JS上使用v-model和prop
我正在尝试使用来自v-model的道具的数据,以下代码可以正常工作,但有警告 . <template> <div> <b-form-input v-model="value" @change="postPost()"></b-form-input> </div> </templa... -
0 votesanswersviews
v-model vs自定义Vue组件的道具
Vue中的v-model是一个内置功能,仅适用于少数选定的标签?道具功能是否是v-model的替代品? -
0 votesanswersviews
混合Vue阵列道具和数据的正确方法是什么?
我正在尝试创建一个具有'typeahead'方面的组件,并且遇到了一些困难 . 组件比此更多,但某些操作将触发父组件将 typeaheadItems 传递给此组件,此时它应显示它们 . 用户应该能够隐藏类型,尽管我遇到了问题 . 我最初的天真方法如下 . Attempt 1 鉴于Vue组件: <template> <div class="typeah... -
0 votesanswersviews
如何将vue单个组件模板部分拆分为较小的子模板
我的应用程序正在构建于vuejs @ 2有多种形式,大多数共享相同的html模板,带有添加和重置按钮 . 除了相同的方法,resetForm使“item”属性无效并重置表单,create方法将项目发送到后端 . <div class="row"> <div class="action"> <button ... -
3 votesanswersviews
基于Vue类的组件警告:属性未在实例上定义,但在呈现期间引用
我正在尝试使用vue-class-component和typescript(在这里找到https://github.com/vuejs/vue-class-component)创建一个vue组件 . 根据我的理解,数据是在类中定义的,正如我在下面所做的那样 - 但是我收到了错误: "[Vue warn]: Property or method "test" is no... -
0 votesanswersviews
在Vue js - > v-model我如何合并vlaue?
<table class="table table-sm m-table table-bordered borderless"> <thead class="thead-inverse" > <tr> <th>Sl</th> ... -
1 votesanswersviews
使用道具初始化v模型?
我正在尝试创建一个使用v-model的Vue组件 . v模型的初始值最终将来自父组件或数据存储 . 我试图开始工作的第一步是用属性初始化v模型 . 我试过以下没有成功: <template> <div> <textarea v-model="text" ></textarea> </di... -
0 votesanswersviews
Vue JS:如何在Vue js中创建一个表来从json api中检索数据 .
希望在Vue JS中更改当前的HTML视图 . 格式化当前的HTML视图:在https://codepen.io/numerical/pen/JvWMMR中找到 data: { activePage: 0, baseUrl: 'https://api.iextrading.com/1.0/stock/market/batch', chunkSize: 5, filt... -
0 votesanswersviews
Vue组件问题
我有这个页面我想用Vue组件试用Vue Router . 我不知道什么是错的 . 我在这一行收到错误 Uncaught TypeError: Cannot read property 'name' of undefined const App = new Vue.extend({}) <body> <div id="app"> ... -
0 votesanswersviews
将VueJS组件的多个实例添加到模板中?
我是VueJS的新手,想要将card component template的多个实例添加到VuetifyJS PWA template . 我尝试了什么: 我使用卡片模板代码创建了一个 News.vue 文件 . 我在 main.js 添加了一个新的Vue实例 new Vue({el:'#news',路由器,模板:'',组件:{新闻}}) 我将 News 添加到 index.js... -
9 votesanswersviews
我可以从Vuex中的getter发送
小提琴:here 我正在使用Vuex和Vuex创建一个webapp . 我有一个商店,我想从getter获取状态数据,我想要的是如果getter发现数据尚未填充,它会调用dispatch并获取数据 . 以下是我的Vuex商店: const state = { pets: [] }; const mutations = { SET_PETS (state, response) { ... -
3 votesanswersviews
Vuex访问状态BEFORE异步操作完成
我遇到的问题是计算的getter在更新之前访问状态,从而呈现旧状态 . 我已经尝试了一些事情,例如将变量与动作合并以及将状态更改为许多不同的值,但在调度完成之前仍然会调用getter . Problem 在异步操作(api调用)完成之前访问状态 . Code structure 组件A加载API数据 . 用户点击1个数据 . 组件A将单击的数据(对象)调度到组件B. 组件B加载收到... -
2 votesanswersviews
如何使用Vue.js在选择选项上使用转换
我有关于Vue.js过渡的快速问题 . 在我的boostrap模板中,我正在尝试根据所选选项添加一个选择选项下拉列表 . 所以,我在第一个选择选项上添加了更改事件 . 因此,如果我选择'first item'然后更改类并在行中添加下拉列表,或者隐藏它 . 像这样:selectTodo:function(e){让selectValue = e.target.options [e.target.se... -
0 votesanswersviews
Vue:show组件取决于API状态[重复]
这个问题在这里已有答案: How to access the correct this inside a callback? 8个答案 我需要在vue-cli中帮助显示依赖于API返回状态的组件 . 我认为问题是重建DOM但我在beforeMount中做了它并没有用 . 首先,它应该从API检查状态,如果为false则应为true或false,然后显示v-if为false的组件 . 请帮我告诉... -
0 votesanswersviews
Vue prop初始化/变异
我有以下代码: export default class LayoutComponent extends Vue { @Prop() whiteBg: boolean; ... } 但是当我编译它时,我得到: property'whiteBg'没有初始值设定项,并且在构造函数中没有明确赋值 所以我试着解决它: export default class LayoutC... -
0 votesanswersviews
如何使用vue.js和laravel在模板中使用模板?
在我的项目中使用laravel elixir混合JavaScript文件 . 在表单中,我必须使用主Vue.js元素来创建表单 . 另外我必须在父Vue.js元素中使用 vue-google-map 模板,但它显示错误? window.VueGoogleMaps = require('vue2-google-maps'); var app = new Vue({ el: '#partici... -
0 votesanswersviews
组件内部的VueJS Modal组件
我有这样的组件: <test></test> 我声明如下: Vue.component('test', { data: { showModal: true }, methods: { displayComponentModalDialog: function() { this.showModal = true; } },... -
1 votesanswersviews
Vue组件不更新函数数据
我有两个vue组件: Vue.component('event', { props:['event'], template: ` <span class="pointer" @click="showModal = true"> {{event.evname}} <... -
0 votesanswersviews
Vue.js Foundation Webpack配置
我只是想将 foundation.css 文件添加到我的Vue webpack应用程序中 . 我已经安装了基础 - npm install foundation-sites . 然后我安装了提取文本插件 -- npm install extract-text-webpack-plugin --save-dev. 我不确定如何进行下一步 . APP.vue <template> &...