如何使用Form::select()从Laravel5.3 vue.js获得所选项的值。我一直在使用Laravel5.1和AngularJS，但我开始了一个新的项目与Laravel5.3，所以我决定使用vue.js。我用了这个角度：
{!! Form::select('status',Status(),NULL, ['class' => 'form-control','ng-model'=>'status','placeholder'=>'All Status',&
浏览 2提问于2016-11-14得票数 0
3回答
我正在用VueJS测试、发射和监听方法，以学习如何使用它。我得到了一些奇怪的结果，我不明白。我希望调用我的函数initMap()，并且控制台正在进行日志记录，但错误出现在顶部。
Uncaught TypeError: Cannot read property 'apply' of undefined
at Vue$3.Vue.$emit (vue.js:2186)
at Vue$3.emit (main.js:131)
at Vue$3.boundFn [as emit] (vue.js:167)
at Vue$3.fire (main.js:1
浏览 10提问于2017-05-10得票数 2
2回答
我的一个模块出现了一些问题。
考虑以下示例：
Vue.config.async = false; // if I remove this, it stays at initial value
var vm = new Vue({
el: '#test',
data: {
value: 'initial value'
},
methods: {
changeHandler: function () {
console.log('changed!')
}
}
});
vm.value =
浏览 1提问于2016-09-06得票数 0
我有以下HTML：
<!DOCTYPE html>
<html>
<head>
<script src="vue.js"></script>
</head>
<body>
<div id="app">
<input type="checkbox" :checked="bool" @change="checked(this)">
</div>
&l
浏览 32提问于2020-02-26得票数 0
回答已采纳
2回答
我想从子组件中更改父组件的支持值。这在vuejs 1中非常有用，但在vue 2中就不行了(我想在vue.js 2中使用它)。
下面是一个小例子：
HTML
<div id="app">
<parent :content="{value:'hello parent'}"><</parent>
</div>
JavaScript
var parent = {
template: '<child :content="content"></child
浏览 0提问于2018-02-27得票数 1
回答已采纳
我是javascript和Vue.js的新手。我正在尝试将vue-bootstrap切换到vuetify。我想做的是在单击下拉项时调用一个方法。 我之前使用vue-bootstrap的代码是这样的。 <! -- This part is inside for loop -->
<b-dropdown variant="transparent">
<b-dropdown-item @click="aMethod(index, 'Hello')">A</b-dropdown-item>
浏览 7提问于2019-04-08得票数 0
包含此内容的vue.js模板不会在IE11中触发：
<input type="checkbox" v-on:input="blabla()">
blabla()在火狐和Chrome中被调用--只是在IE11中没有。
为什么会这样呢？请参阅此来复制。但是，在IE11中，您将需要，因为IE11中不支持代码依赖编辑器。
使用vue 2.6.10，这是今天的最新版本。
浏览 0提问于2019-06-05得票数 1
回答已采纳
我目前正在用Vue.js开发一个下拉式表单。用户应该能够选择他想要查看数据的时间段。然后我想提交他选择的值，并在js中调用一个函数，该函数将适当地处理他的请求。
我尝试通过"onchange“提交值，但没有找到正确的解决方案。我非常感谢您的帮助。代码如下：
<div>
<div class="stats">
<!--drop menu-->
<form>
<label>Show feeds from <
浏览 15提问于2021-02-15得票数 0
我有一个组件Abc.vue，我想从这里发出事件并侦听js文件，而不是在其他组件中，我如何做到这一点？
<template>
<div class="hello">
<div>
<input v-model="clickCount" placeholder="edit me" v-on:change="emitGlobalClickEvent()">
</div>
<TestWorld></TestWorld>
浏览 0提问于2018-04-08得票数 1
回答已采纳
当我更改一个值时，我尝试重新加载一个图像，但是我的vue.js只执行了一次我的函数。基本上，我将使用Caman.js来应用“阈值”和“锐化”，即用户更改一个范围并显示一个示例。
<div id="app">
...
<canvas id="canvas" style="width: 1024px; border:2px solid #333;"></canvas>
...
<input id="sharpen_control" v-model="sharpen_mod"
浏览 6提问于2020-10-12得票数 0
回答已采纳
描述 我想实现一个带有复选框的表格组件。我遇到的问题是，当我单击复选框、表格行和表格单元格时，会捕捉到我想要避免的单击事件。当我单击复选框时，我只希望该复选框对change事件做出反应。 我尝试了event.stopPropagation方法，但它不起作用。不知何故，在checkbox捕获更改事件之前，当我单击checkbox时，包含该checkbox的表行和单元格会对click事件做出反应。 我怎样才能实现我想要的？请帮帮我！！ 代码 <template>
<table>
<tr @click="trClick">
浏览 13提问于2019-05-05得票数 2
4回答
我使用的是vue.js，我试着在上传前预览图片
HTML
<v-file-input
v-on:change="Preview_image($event)"
></v-file-input>
<img id="Preview_image_create" class="Preview_image">
Vue.js码
methods: {
Preview_image(e)
{
console.log(e);
if (e.target.files &&a
浏览 1提问于2020-03-14得票数 8
回答已采纳
1回答
我正在尝试在一个遗留应用程序(构建在jQuery上)中添加一个新功能，并希望使用Vue.js (v2.6.12)。 例如，我有两个输入，并且我有一个Vue组件，它根据两个输入中的值显示一些数据(假设它将这两个输入相加)。如下所示： Vue.component('output-component', {
template: `<span> {{outputValue }} </span>`,
computed: {
outputValue: function() {
let value_num1 = document.qu
浏览 18提问于2020-10-16得票数 0
我无法获得在事件处理程序中激发事件的html字段(在javascript中是event.target)。
我有张表格，上面有：
附加在更改事件上的函数的输入元素。
管理更改事件的函数。
我的代码如下所示：
var Main = {
methods: {
change(par) {
console.log("The value is: " + par);
//HERE I can't get "event.target"
}
}
};
var Ctor = Vue.
浏览 15提问于2017-12-18得票数 5
回答已采纳
请看下面的代码。第一个复选框是用创建的。当更改时，它应该将其更改的值传播到其绑定(cityid)的模型。第二个普通复选框工作正常，其值被传播。
Vue.directive('chosen', {
bind: function (el, binding, vnode, oldVnode) {
Vue.nextTick(function() {
$(el).chosen({
width:'100%'
}).change(function(){
alert($(el).val());
浏览 4提问于2017-05-31得票数 1
回答已采纳
我正在遵循VueJS指南，目前我正在查看。
我试图创建一个最小的例子，但一直未能使它发挥作用。
按照VueJS指南的建议，为了使以下两个HTML语句可以互换，我需要做哪些更改？：
<my-checkbox :checked="chicken" @change="val => { chicken = val }" value="A Bird"></my-checkbox>
和
<my-checkbox v-model="chicken" value="Chicken"><
浏览 2提问于2017-06-04得票数 1
回答已采纳
每次用户切换到表单中的另一个字段时，我都会触发一个方法。这样做的工作是：
new Vue({
el: "#root",
data: {
theContent1: "",
theContent2: ""
},
methods: {
changeFun() {
console.log('change')
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.6/vue.js&
浏览 4提问于2017-11-23得票数 1
回答已采纳
我试图弄清楚如何将v-for成员和原始事件数据访问到vue.js中事件的绑定函数中，但在我的一生中却无法在文档中找到它。
我想要的：
<div class="card pickup" v-for="pickup in pickups">
<select v-on:change="locationChanged">
使用locationChanged在vue对象中调用以下方法：
vuePickup = new Vue({
el: '#pickups',
data: {
浏览 2提问于2019-02-17得票数 0
回答已采纳
2回答
我正在编写一个Vue.js组件。该组件呈现一个<input>元素。根据属性的值，事件侦听器正在侦听change或input事件。 如何用JSX编写渲染函数？ {
props: {
lazy: Boolean,
},
render(h) {
const bindEvent = this.lazy? 'change' : 'input'
return h('input', {
attrs: {
type: 'text',
},
on:
浏览 44提问于2019-01-10得票数 3
回答已采纳
1回答
几天前，我开始使用vue.js，并试图掌握它的诀窍。
为了让这个简单的示例正常工作，我花了很多心思:用vue.js读取组件中选定复选框的值。
请看我在上的例子
如何让父实例中的selected包含checkbox的选定值？例如，选择了filter_a和filter_c，那么selected应该包含一个数组：['filter_a', 'filter_c']
我希望vue.js能让这一切变得非常简单，但我还不知道该怎么做。有人吗？:)
我使用的是最新的vue.js (目前是2.3.3)
浏览 3提问于2017-05-31得票数 0
2回答
Vue范围新鲜
、、、
我只是在jquery中使用vue.js。我的情况是，我尝试用jquery向main.html注入侧栏html代码(里面有vue语法)。但是，在我将sidebar.html注入main.html之后，vue.js无法编译注入的vue的语法。有人能帮我解决这个问题吗？vue有角scope.apply那样的功能吗？
浏览 8提问于2017-01-20得票数 1
回答已采纳
我如何在vue.js中创建一个checkbox组件：
<v-switch></v-switch>
<v-switch></v-switch>
因此，当我创建两个这样的复选框时，如果第一个复选框设置为true，则希望将另一个复选框更改为false，反之亦然。同时，它们可能都是假的。
(我是vue.js的新手，我只是想在现有的环境中添加这一点)。
已存在的代码
Vue.component('v-switch', {
props: ['value', 'disabled', 'co
浏览 18提问于2018-12-16得票数 0
回答已采纳
4回答
场景:我有一个iframe (它托管在同一个域中，但仅使用Jquery )，并且它已经被编码以触发一些带有参数的事件。我必须用父vue.js应用程序中的参数捕获这些事件。
iframe:
$('*').mouseover(function (event) {
var event = jQuery.Event( "mouseover-highlight" );
event.top = $(this).offset().top;
event.left = $(this).offset().left;
parent.$('body').
浏览 6提问于2017-09-12得票数 11
回答已采纳
在vue.js中，我如何过滤产品的大小，颜色，类别&通过选择这些类别中的每一个步骤滑块，其中我必须选择每个过滤器逐个步骤&最后，我需要显示的产品，通过过滤器。
浏览 1提问于2020-01-01得票数 1
回答已采纳
4回答
文件上传
、、、
我在Vue.js中使用Vue.js组件作为前端，并希望创建一个带有文件上传的用户注册表单。我能够使用v-text-field (一个Vuetify组件)创建表单。
如何上传所选择的文件(输入)？
我应该使用哪个组件，或者是否有其他替代方法？
浏览 25提问于2017-07-08得票数 52
回答已采纳
3回答
我刚刚开始使用，并发现自己在某些情况下不断地求助于jQuery。最近，我试图“触发”(或模拟)一个事件，例如单击或模糊事件，但没有成功。
我知道在jQuery中，您可以执行以下操作：
$('#my-selector').trigger('click');
但是，如何使用Vue.js来实现这一点呢？我希望尽可能多地放弃使用jQuery。
以以下为例：
<div id="my-scope">
<button type="button" v-on="click: myClickEvent">
浏览 6提问于2015-08-10得票数 67
回答已采纳
Vue.js文档建议使用lodash的debounce函数来消除昂贵的方法，我已经成功地实现了这些方法。但有时我不想马上采取行动，他的医生说：
取消函数提供了一个取消延迟函数调用的cancel方法和一个立即调用它们的方法。
但仅此而已。没有关于如何调用刷新方法的信息。我找到了博客文章，但我不知道如何在Vue.js组件中实现这一点。
这就是我目前在Vue.js组件()中拥有的内容：
<template>
<input type='text' @keyup="change" @keyup.enter="changeNow"
浏览 1提问于2018-10-25得票数 6
回答已采纳
我来这里有个问题。我使用vue.js作为cdn。所以我不能安装npm和使用包。
当我尝试使用jQuery的select2插件时，问题就开始了。它正确地显示了动态到来的选项值，但当我选择一个值时，问题就发生了，vue.js实际上没有得到那个值。我只想告诉你，如果我不使用select2类，它工作得很好，vue会得到这个值。
下面是我的select option部分代码
<select v-model="formData.allowance_id" id="allowance_id"
name="allowance_id" cla
浏览 3提问于2020-05-11得票数 0
1回答
我想在组件的某个方法被调用时更新组件模板。就像resolve函数，或者Vue.compile render选项，或者v-html绑定选项(但是实际上是在编译模板)。
如何从component方法中调用resolve函数。
这是可能的吗?我应该如何使用Vue.js来做到这一点？
浏览 11提问于2017-01-20得票数 2
1回答
是否有可能将v模型值传递给另一个组件？我有HTML代码如下所示
<div id='example-3'>
<input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
<label for="jack">Jack</label>
<input type="checkbox" id="john" value="John&
浏览 1提问于2018-02-11得票数 0
回答已采纳
3回答
我在一个Vue.js组件中有一个输入，我需要使用jquery覆盖它。我需要使用jquery填写一个输入的电子邮件地址。当我按下“填写电子邮件”时，jQuery将填充电子邮件输入。但是当我使用V模型时，它不会被更新。有办法解决这个问题吗？
下面是一个实用的示例
这是HTML
<button id="push-email">Fill in email</button>
<br><br>
<div id="root">
<label for="name">Name</la
浏览 5提问于2017-11-21得票数 0
回答已采纳
1回答
我想问您，在VUE.JS组件'A‘中，是否有可能调用另一个使用组件'A’的VUE.JS组件'B‘的方法。
谢谢
浏览 5提问于2020-10-09得票数 0
回答已采纳
我的html表单是
<form method="POST" onSubmit="return false;" data-parsley-validate="true" v-on:submit="imgSubmit($event);">
<h4 class="info-text">Give us somme images and videos ? </h4>
<div class=
浏览 33提问于2017-12-22得票数 1
1回答
让我简化一下这个问题：
我的Vue.js模板中有一个复选框(使用Vuetify组件)：
<v-checkbox
v-model="selected"
label="John"
value="John"
id ="john"
@click.native="checkit">
</v-checkbox>
checkit()方法代码是：
checkit: function() {
let elt = document.getElementById('
浏览 0提问于2018-09-24得票数 3
回答已采纳
1回答
请运行工作演示：
let myCheckbox = Vue.component('my-checkbox', {
template: `<div>
<input type="checkbox" id="check1" :checked="checked" @change="change">{{checked}}
</div>`,
props: ['checked'],
浏览 1提问于2018-04-19得票数 3
回答已采纳
我在不使用node.js的情况下使用Vue.js和Vue-Select。我将它们直接导入到我的html文件中，如下所示：
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.16/vue.js"></script>
<script src="https://npmcdn.com/vue-select@latest"></script>
我在<body>中定义了一个v-select菜单，其中包含一个应该调用hello()的更改时选项
&l
浏览 16提问于2017-02-01得票数 0
回答已采纳
1回答
我在Codepen上用简单的JS做了一个引用计算器，对结果很满意。
现在，我试图在我的Vue.js项目中重用这个计算器--它工作得很好。但出于某种原因，当我试图使用计算器时，控制台会给我带来这个错误：
我怀疑这是从简单的JS到Vue的交换，搞砸了一些事情，但是这里的任何人能把我忽略的是什么吗？
提前感谢
<form>
<div class="calculator-variables">
<input type="text" min="0" max="100" id="ch
浏览 6提问于2022-02-22得票数 0
回答已采纳
我正在努力理解vue.js是如何工作的。我想提醒单击元素的id，但是当我尝试这样做时，什么都不会发生。我看不见警报。
这是我的密码：
<template>
<div>
<div class="row">
<img src="images/retro.jpg" class="card img-fluid" id="pc_left">
<img src="images/retro.jpg" cl
浏览 2提问于2020-04-09得票数 3
回答已采纳
我试图使用Vue.js将输入文件绑定到按钮
具有以下特点：
<input type="file hidden>
<button>Choose</button>
在JQuery中，会有这样的情况：
$('button').click(function() {
$('input[type=file]').click();
});
所以，这是将按钮上的单击事件绑定到输入文件，这样我就可以完全控制按钮的外观，它甚至可以是一个锚、图像或任何元素来触发事件到输入。
我的问题是:如何使用Vue.js完成这一任务？
谢谢!
浏览 10提问于2016-05-31得票数 10
回答已采纳
3回答
获取vue-选择值不起作用
、、、、
我试图从vue-select中获取所选的值，但是已经使用了所有的方法并搜索了帮助，但这是否有效，我也会在页面加载时触发警报。
Vue.component('v-select', VueSelect.VueSelect)
new Vue({
el: '#app',
data: {
options: [
{id: 1, label: 'foo'},
{id: 3, label: 'bar'},
{id: 2, label: 'baz'},
],
浏览 2提问于2018-02-13得票数 3
回答已采纳
我在vue.js中有一个globalEventBus，我可以将它注入到其他组件中，以捕获自定义事件并对其做出反应……然而，我有一个问题，一些事件来自vue.js组件，一些事件来自全局窗口对象……
globalEventBus.js:
import Vue from 'vue';
import { mapActions } from 'vuex';
export const eventBus = new Vue({
methods: {
...mapActions(['handlePivotItemClick', '
浏览 0提问于2020-04-07得票数 0
我想在单击Vue.js项目中的按钮后触发键盘事件(向上/向下箭头键)。
我已经尝试使用dispatchEvent(new KeyboardEvent("keydown", { keyCode: 38/40 }))作为向上和向下箭头键。
<template>
...
<div class="position-relative input-field__wrapper">
<input
class="input-field__input"
ref="numberInput&
浏览 34提问于2019-07-24得票数 0
1回答
我正在学习如何使用vue.js，我有一个共享主机计划，我只能使用html。我正在使用axios和一个仅作为后端的远程wordpress安装来获取所需的数据。我需要知道的是，如果用户单击一个链接，并且我需要更改页面的布局，因为需要内容的不同表示，我如何使用vue更改index.html的DOM内容？请参见示例： <div id="vue-app">
<a href="#">link to layout 2</a>
<div class="col-12">starting layout <
浏览 23提问于2020-04-12得票数 0
回答已采纳
我有一个选择元素
<select id="filter" v-model="filter" @change="changeFilter">
<option value="all">All</option>
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">T
浏览 0提问于2018-03-16得票数 0
回答已采纳
我是Vue.js的新手。当在html模板之前加载javascript时，我发现绑定不起作用。
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.0/vue.min.js"></script>
<script type="text/javascript">
var demo = new Vue({
el: '#demo',
d
浏览 4提问于2017-04-28得票数 4
回答已采纳
我有一个问题，我需要创建一个双因素身份验证，现在数据库中的列的值将被设置为true。他默认为false。我知道数据库将其添加为tinyint，因此该值应切换为1。 ? 所以我尝试了一些方法，但是没有效果..我对laravel和vuejs非常陌生。所以这对我来说很难。我希望你们中的一个能帮助我摆脱这场斗争。 我的2因子vue。所以你可以看到v开关，也就是按钮.. <template>
<v-container class="user-form-lime" fluid grid-list-xl>
<v-form&g
浏览 48提问于2019-02-25得票数 0
回答已采纳
1回答
当我设置strict: true时，我会得到错误：
vue.js:525 [Vue warn]: Error in watcher "state"
(found in root instance)
warn @ vue.js:525
run @ vue.js:1752
update @ vue.js:1720
notify @ vue.js:584
reactiveSetter @ vue.js:814
Transform.resize @ transform.js:169
e.resize @ map.js:343
e._onWindowResize @ map.js:12
浏览 2提问于2016-12-29得票数 1
回答已采纳
为什么单击按钮时不会触发Vue.js @input事件？ 当我直接改变输入的值时(点击count元素并输入新的值)，alert方法被触发。 new Vue({
el: "#app",
data: {
count: 0
},
methods: {
add: function() {
this.count += 1;
},
alert: function() {
alert('Count has been changed!');
}
}
}) <script src=&
浏览 59提问于2019-05-03得票数 0
假设一个人来自jQuery世界。如果有一个组件myPlugin (例如，在特定DOM元素上悬停时显示工具提示的组件jQuery插件)，它将启动如下所示：
$('.tooltipClass').myPlugin( { // options object here } )
此代码将选择具有类tooltipClass的所有元素，并将myPlugin应用于它们。
在Vue.js中，它是不同的，而且文档并没有真正清楚地说明这一点。我们有
let x = new Vue({
el: '#app',
...
})
然后我们读到(在中)：
为Vue实例提供要挂载的
浏览 4提问于2021-11-25得票数 0
我在我的vue.js项目中使用了vue-multiselect组件，我使用v-on指令在change事件上执行一个函数，
<multiselect v-model="selected" :options="projects" :searchable="false" :custom-label="customLabel" track-by="name" v-on:change="executeLoader">
<template slot="customLabel"
浏览 4提问于2018-03-30得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
