开发者问题收集
我是 vue.js 的新手,我尝试将一个值传递给子组件。HTML<div id="example"><my-component v-bind:data="parentData"></my-component></div>JSVue.component('my-component', {props: ['data'],template: '<div>Parent component with dat
我有一个router-link,用于导航到我的一个组件。它还传递一个参数,然后在我的组件中设置该参数created() {this.sentData = this.$route.params.sentData;}当我导航到该页面时,我可以打印出已发送的数据,还可以看到它是在我的 Vue 控制台中设置的。所以这一切都很好。在此页面上,我使用的是vue-simple-uploader。只是一个非常简单
我正在使用 vuejs CLI 版本 3,并使用 package.json 中的这个目标构建我的库vue-cli-service build --report-json --target lib --name components src/appup-components.js这个库使用了很多其他外部库,例如 bootstrap-vue、axios 和 handlebars 等等。我的测试程序使用
我想基于 Vuetify 创建我的组件库并在 npm 上发布。Vuetify 已经进行了 vue-plugin 标准安装并使用了 vuetify-loader,我认为这是比纯 HTML 组件更复杂的场景。例如,我想使用预设值创建我的登录表单、我的文章页面、我的默认日历选择器。有没有标准方法或指南可以做到这一点,或者有示例可以做到这一点?我使用最新版本的 vuetify(2.0.7)
我正在创建一个自定义组件库,我想在多个域之间共享它。域:每个域都有自己的 nuxt 实例每个域都在package.json中注册了my-component-lib每个域都将该库注册为插件//my-component-lib.js从“my-component-lib”导入组件从“vue”导入 Vueexport default ({ store }) =>; {Vue.use(components,
未捕获的类型错误:无法使用“in”运算符在未定义中搜索“USERS”我无法理解这一行:使用“in”运算符搜索“USERS”以及为什么未定义?我不明白这些错误,请向我解释。我的 Vuex: export default new Vuex.Store({state: {users: []},actions: {GET_USERS_FROM_API({commit}) {return axios('h
我尝试了 vue js 中的组件方法。我的代码如下。const Thread = Vue.component('threadpage', function(resolve) {$.get('templates/thread.html').done(function(template) {resolve({template: template,data: function() {return {da
当我尝试从fnTwo()和fnThree()访问this.perMonth时,我得到的值为undefined,但在fnOne()中却可以。我可以从data(){运行一个函数,并可以返回一些值,但无法返回data(){中的值,例如this.perMonth(检查fnThree())Vue.component('BuySubscription', {template: '#buy-subscripti
我有一个主题菜单(例如“关于我们”、“支持”),我希望能够知道现在哪个主题处于活动状态。单击某个主题时,该主题将成为活动主题。可以将其视为设置活动路由的路由器的替代品。由于我正在使用 SharePoint 2010...在内容编辑器中工作,因此这在我的情况下是不可能的。因此,我决定在我的 Vue 实例中有一个activeTopic变量。Vue 实例new Vue({el: '#app',data:
我偶尔会在我的 Vue Web 应用中收到以下错误消息,但当它发生时,它会完全停止我的应用。错误消息 1:[Vue warn]: Error in nextTick: "NotFoundError: Failed to execute'insertBefore' on 'Node': The node before which the new node is to beinserted is no
有没有办法在方法上使用 lodash debounce?我在函数中也需要“this”。示例:data() {info: 'Read Me!'},methods: {readData() {console.log(this.info)}}在 Vue2 中我可以使用:methods: {readData: debounce(function() {console.log(this.info)}, 50
我有一个 Icon.vue 文件,如下所示:<template><div class="book-item Icon--container Icon--{{active}}"><a href="{{slug}}"><img v-bind:src="path" transition="fadein" class="img-responsive"/></a><template v-if="name">
vue.js 文档中有此示例:props: ['initialCounter'],data: function () {return { counter: this.initialCounter }}但是,initialCounter在我的模板中有效,但counter无效。我做错了什么?这是完整代码:<update-counter initialCounter="1" inline-templat
我的视图是这样的:<div class="col-md-8">...<star :value="{{ $data['rating'] }}" :user="{{ $data['user_id']></star>...</div>我的星号组件是这样的:<template><span class="rating"><template v-for="item in items"><label class
我试图将组件中的 props 传递给同一组件的数据对象。但是,我只得到 null。有人能建议我该如何处理这个问题吗?似乎我的 vue 组件无法在初始渲染/加载时获取 props。 const teamInformationTemplate = {template:`<div class="col-lg-6 col-md-12"><div class="card card"><!----><d