Tag: vue.js

如何配置路径 , 使我的温泉开始在路径 / 管理 ?

我试图创建一个基本的 spa , 但我想使用 laravel 的基本认证 , 而不是在 vue 创建一个登录系统 , 登录后 , 它将我重定向到路径 /admin , 我希望它是我的 spa 的入口点 , 尝试这个配置 , 它什么都不显示。 Web. php->路由 Route::get('/admin/{any}',function(){ return view('app'); })->where('any','.*')->name('admin')->middleware('auth'); Route::get('/admin',function(){ return view('app'); })->name('admin')->middleware('auth'); Route::get('/', 'Auth\LoginController@showLoginForm')->name('showLoginForm'); Route::post('login', 'Auth\LoginController@login')->name('login'); Route::post('logout',…

Read More »

用 Vue 向 Laravel 控制器发送数组数据

我被编码卡住了。 如何将数组数据发送到 Laravel 控制器? 通常我会用这个把数据绑定到一个表单上。 我应该使用表单还是有方法不用表单发送它们 ? 谢谢。 Vue 组件 <template> <form submit.prevent="submitData"> <div class="jumbotron bg-dark col-md-10 offset-md-1"> <div class="card card-body bg-dark" v-for="(user,index) in users" :key="index"> <h5> <span class="badge badge-success mb-3 float-left">Data {{index+1}}</span> <span style="cursor:pointer" class="float-right badge badge-danger…

Read More »

不能在孩子的方法中使用传递的道具

我把阵列传给孩子做道具。 尝试在谷歌地图方法中使用。 但是当我在 initMap 中使用它时 : 函数数组是空的。 父母 <div class="mapWrap"> <mapping :articles="filterArticles" /> </div> computed: { filterArticles(){ let api = this.$store.getters.articles; let filteredStates = api.filter((article) => { return (this.keyword.length === 0 || article.address.includes(this.keyword)) && (this.regions.length === 0 ||…

Read More »

Vue2 – 单张地图没有正确显示助推方式

这是我的问题 – 一个 Vue2 的传单地图没有正确的渲染在 Bootpland Vue 模式。 这就是它的视觉效果 ( 它应该只显示海洋 ) <template> <div> <b-modal size=”lg” :visible=”visible” @hidden=”$emit(‘clear’)” title=”Event details”> <div class=”foobar1″> <l-map :center=”center” :zoom=”13″ ref=”mymap”> <l-tile-layer :url=”url” :attribution=”attribution”></l-tile-layer> <l-marker :lat-lng=”center”></l-marker> </l-map> </div> <template slot=”modal-footer”> <b-btn variant=”danger” @click=”deleteEventLocal(event.id)”>Delete</b-btn>…

Read More »

vue js 调用不同组件层次结构中的子组件方法

下面是 vuejs 组件层次结构。 当每一次调用 COMP _ A_2 提交方法时 , 我想调用 COMP _ B_ONE 验证方法。 MAIN_COMPONENT COMP_A_ONE COMP_B_ONE validate() COMP_B_TWO validate() COMP_A_TWO submit() 我已经在 COMP _ A_2 中实现了提交时触发的排放 , 可以在 MAIN _ 组件中听到 submit() { this.$emit('submit') } 在这方面 ,…

Read More »

重新使用阿波罗图形 ql 对多个 vue 属性的查询定义

在我的视频屏幕上 , 我想使用一个阿波罗图形 , 我已经定义了两个属性。 据我所知 , 属性的名称必须与返回的 json 结构中的属性名称匹配。 我天真地试图使用两个属性的查询 , 但它为第二个属性抛出了一个错误。 … data() { return { userId: number, user: null as User | null, previousUserId: number, previousUser: null as User | null }; }, … apollo…

Read More »

Vue 动画电影

我正在努力实现这篇文章 , 它将一个棍子图形绘制和动画到 Vue 。 draw(timestamp, wave) { if(Date.now() < (timestamp+900)) return requestAnimationFrame(this.draw); context.clearRect(0, 0, window.innerWidth, window.innerHeight); context.beginPath(); context.fillStyle = "black"; // #000000 context.arc(200, 50, 30, 0, Math.PI * 2, true); context.fill(); //fill the circle context.beginPath(); context.lineWidth =…

Read More »

这个 curl 请求的等价实物阿波罗选项是什么 ?

我不知道如何通过这个 curl 请求在 vue-apollo 的用户领域 curl -v \ –user 'user@domain.com:password' \ -X POST \ -H "Content-Type: application/json" \ –data '{ "query": "{ companies{ uid name url }}" }' \ http://localhost:4000/graphql 用户 , 我可以把阿波罗放在哪里 ? 我尝试过实物期权 const defaultOptions =…

Read More »

如何获取 Vue.js 的导入组件数据?

我在使用一个名为 vues – panty-burger 的 vue 组件进行可移动导航时遇到了麻烦。 当来自导入组件 isActive 的数据使用 v-show 是真实的 , 但似乎找不到任何获取数据的方法时 , 我想显示我的菜单。 我试图包括 v-show=”isActive” , 但它似乎没有从我 isActive 汉堡组件的数据中得到变量。 我到现在为止 : <transition name=”fade”> <div v-show=”isActive” class=”menu”> <transition-group name=”list” tag=”nav”> <router-link key=”home” to=”/Home” class=”menu-item”> Home </router-link>…

Read More »

如何向属性内部也有嵌套属性的现有对象 IF 分配若干属性 ?

我的数据包含一个空对象 , 我想用属性填充它。 目前看来是这样的 : data: function() { return { chartData: {} } }, 从本质上讲 , 我想创建这样的结构 : data: function() { return { chartData: { labels: ["One", "Two"]; datasets: [{ data: ["5", "10"], label: "Chart" }] } }…

Read More »