1回答
我有一个待办事项清单，看起来像这样： tasks : [
{ description: "make dinner", ID: false },
{ description: "make webpage", ID: true },
{ description: "walk", ID: false },
{ description: "watch tv", ID: true },
{ description: "study"
浏览 18提问于2020-01-10得票数 1
回答已采纳
我读了，但我还是不能理解。
我知道data、computed、watch、methods是做什么的，但是nextTick()在Vue.js中用来做什么呢？
浏览 0提问于2017-12-04得票数 148
我正在与Vue.js前端一起运行一个Laravel项目。运行npm run watch对我来说总是有效的，每当我进行更改时，它们都会直接出现。突然，我的更改不再显示，我不知道问题出在哪里。 我试过node_modules/.bin/webpack --watch --watch-poll --config=node_modules/laravel-mix/setup/webpack.config.js，它也不起作用。 附言:我没有收到错误
浏览 10提问于2020-04-30得票数 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
回答已采纳
我试图将这个json字符串转换为object，但我做不到，控制台这个错误：
Uncaught : JSON输入的意外结束
在JSON.parse ()在Vue$3 .构建结果(rolList.js:422)在Vue$3. 在Vue$3.挂载(rolList.js:418)在callHook (vue.js:2768)在Vue$3.Vue._mount (vue.js:2630)在Vue$3.$挂载(vue.js:6186)在Vue$3.$3.挂载(vue.js:8557)在Vue$3.Vue._init (vue.js:3389)在新Vue$3 (vue.js:3437)
The js
浏览 7提问于2017-03-09得票数 3
回答已采纳
1回答
我的环境是Vue CLI3.11(来自Node.js 12.10)和Google Chrome。 我想写一个在某些情况下忽略监视的语法。然而，我还没有找到一个好的方法，因为Vue.js改变它的值与JavaScript略有不同。 例如，在这段代码中，值总是被记录下来，因为watch()中的"valuelock“总是为false。 <script>
export default {
name: 'app',
data(){
return {
v: null,
valuelock: false
};
},
浏览 10提问于2019-10-02得票数 0
回答已采纳
运行Vue.js和Vuetify.js。
我正在测试data-picker和watch方法，以在月变时触发事件。然而，watch似乎只注意到了year的变化，而没有注意到month的变化。
HTML
<div id="app">
<v-app>
<v-date-picker ref="picker" v-model="date" :picker-date.sync="pickerDate" type="month"></v-date-picker>
浏览 1提问于2018-08-03得票数 1
回答已采纳
3回答
我正在使用gulp处理一个小项目，我想了解vue.js，所以我想在这个项目中使用vue.js，但是我不知道如何在gulpfile.js中配置vue.js
我想知道如何配置gulpfile以使用vue.js
My gulpfile.js
var env = require('minimist')(process.argv.slice(2)),
gulp = require('gulp'),
gutil = require('gulp-util'),
plumber = r
浏览 3提问于2016-11-24得票数 13
回答已采纳
我已经安装了laravel 5.8。要在其中使用vue.js，我运行npm install，然后运行npm run watch。但每次我更改app.js文件时，我都必须运行npm run watch来显示更改。对每一个小的变化都运行这个命令是非常烦人的。
我的一些代码如下所示
<div id="app">
<div class="container">
<articles></articles>
</div>
</div>
.
浏览 18提问于2019-08-09得票数 0
我正在使用Putty来运行和编译vue js + laravel应用程序。更改不会生效。 我在VPS上有Laravel + Vue.js应用程序。当我在代码中进行更改时，我在Putty中运行以下命令。 npm run dev npm run watch 未应用更改。即使它显示所有模块都已成功构建。 npm run watch应该在代码中应用更改。在使用wamp的本地环境中，它可以正常工作
浏览 15提问于2019-01-03得票数 1
我在Laravel项目中使用Vue.JS完成了基本安装，这是我的package.json
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_mo
浏览 3提问于2020-02-01得票数 0
5回答
我使用的是Vue.js和Laravel，当我保存该项目时，没有收到任何这样的通知：
我在运行npm run watch。我的控制台在编译时不会显示任何错误/警告。
我已经检查了webpack.mix.js的mix.disableSuccessNotifications();，而且我的文件中没有这一点，我的通知正在运行我的操作系统。我在使用Linux。
我在package.json上有这个
"watch": "node_modules/.bin/webpack --watch --watch-poll --config=node_modules/lar
浏览 0提问于2018-04-10得票数 6
回答已采纳
我有标准的Vue.js组件，我想将data属性中的属性转换为监视器，或者换句话说，我想基于data属性属性自动构造一个watch对象
我的想法是这样的
watch: {
...(() => {
const watchers = {}
Object.keys(this.$data).forEach(key => {
watchers[key] = () => {
new ProductNutrientUpdate(this).run()
}
})
return wa
浏览 1提问于2019-05-13得票数 0
1回答
我在本地的Vue.js项目中有以下.html文件(它是一个简化的版本)：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue.js</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<
浏览 0提问于2019-12-11得票数 2
当应用程序中的变量发生变化时，我是否可以触发Vue.js函数？
var vm = new Vue({
el: '#demo',
data: {
variable1: 'Foo',
variable2: 'Bar',
.....
.....
variablen: 'Foo Bar'
},
watch: {
<<any variable>>: function(){
console.log('any of these varia
浏览 1提问于2017-02-09得票数 6
回答已采纳
我想使用TypeScript在Vue.js应用程序中检测我的URL的更改。在JavaScript中，可以按如下方式完成此操作：
watch: {
'$route': {
handler: 'onUrlChange',
immediate: true,
deep: true
}
},
onUrlChange(newUrl){
// Some action
}
我怎样才能在TypeScript中做同样的事情？
浏览 11提问于2018-08-17得票数 21
回答已采纳
我完全是网页开发的新手，我有Vue.js项目，在created()函数上，我解析和打印数据，因为我猜它是连接函数，在页面呈现阶段调用之类的。我想在用户修改输入值之后调用created()。
我用的是v-model和watch
watch: {
myvalueChanged: function(newVal, oldVal){
console.log("%s %s", newVal, oldVal);
// I want call created() again from here
}
}
我该怎么做？我想再次调用created()，而不是重新加载页面
浏览 4提问于2018-09-30得票数 0
回答已采纳
1回答
我有一些重复的功能，许多组件将使用。因此，我的第一个想法是，我应该创建一个基本组件，并让我的组件继承/子类。
但也许这在vue.js中是不可能的，也许这不是vue.js做事情的方式吗？如果我解释一下我的用例，你能建议我如何最好地在vue.js中实现这一点吗？
BasePage.vue
<template>
...
</template>
<script>
export default {
name: 'animated-page',
watch: {
'$route' (to, from) {
浏览 2提问于2018-04-12得票数 2
为什么观看只触发一次？如下代码所示，当点击'sync‘按钮时，id和text同时改变，但只有id() watch被触发，需要再次点击'sync’按钮才能触发text() watch，为什么？ Vue.component('test-bar', {
props: ['id', 'text'],
template: `
<div>
<div>child: {{id}} {{text}}</div>
<button @click="
浏览 57提问于2019-03-21得票数 3
回答已采纳
1回答
我试图在vue.js组件中重新订购一个列表。在完成拖放之后，列表的顺序有点不稳定，不再匹配在执行api调用或使用chrome vue.js扩展时可以看到的数据的实际顺序。但是，结束的console.log确实以所需的顺序显示数据。
下面是使用RubaXa/Sortable lib的代码。
export default {
watch: {
workout() {
let list = this.workout.exercises
Sortable.create(document.getElementById("exercises"), {
浏览 2提问于2016-12-15得票数 1
回答已采纳
2回答
当我使用安装Vue.js时，它不会创建资产文件夹，也不会更改资产文件夹中的app.js文件。我使用了Npm install，然后使用了npm run watch，但是当我导航到资源文件夹时，它保持不变，我可以在package.json文件中找到Vue。为什么？
浏览 6提问于2019-09-29得票数 4
回答已采纳
1回答
我正在做一个vue.js项目。当我尝试运行npm run watch时，出现以下错误。
以下是我的composer.json文件代码
"scripts": {
"dev": "node build/dev-server.js",
"start": "node build/dev-server.js",
"build": "node build/build.js"
},
我该如何解决这个问题呢？
浏览 3提问于2018-03-10得票数 0
1回答
我有一个包含布尔值的vue.js存储，我需要检测组件内部的变化情况。当userEnabled发生变化时，我需要在组件中调用一个方法。我不需要计算新的值。
我的问题是，我应该为此使用'watch'，还是有更有效的方法？如果是这样的话，我应该在“挂载”内配置手表吗？
store.js
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export const store = new Vuex.Store({
state : {
userEnable
浏览 0提问于2018-09-02得票数 2
回答已采纳
众所周知，Vue支持使用watch属性使用声明性单文件组件API添加监视程序，如下所示：
watch: {
// whenever question changes, this function will run
question: function (newQuestion, oldQuestion) {
this.answer = 'Waiting for you to stop typing...'
this.debouncedGetAnswer()
}
},
我相对肯定的是，按照这种方法，Vue负责对组件destroyed()的清理。但是，由
浏览 1提问于2021-02-19得票数 3
回答已采纳
1回答
我使用的是Laravel + Vue.js。我通过API拍摄公告。但当我用手写字的时候，这封信很好用。它在一个连续的循环中滑行。但是，当我想打印vue.js附带的值时，文本在到达末尾时不会移动。绞刑。摇动。
$('.marquee').marquee({
//speed in milliseconds of the marquee
duration: 8000,
//gap in pixels between the tickers
gap: 0,
//time in milliseconds before the marquee wil
浏览 2提问于2020-02-06得票数 2
1回答
我正在尝试获取下拉列表的值，并使用get request视图更改div内容
<div class="row row-mb2" id="Produit-tab">
@Html.DropDownList("Version", new SelectList(ViewBag.Versions, "IdVersion", "VersionProduit"), new { @id = "version" })
</div>
<div id="versiondetai
浏览 0提问于2017-03-21得票数 0
为laravel 5.4项目安装了带有节点模块的vue js，但是在我运行npm run watch之后没有显示这些组件
安装了npm，安装了vue.js，在app.js中添加了vue.js文件示例，npm运行监视-没有结果
刀片式服务器模板文件
<div id="app">
<h1>Test</h1>
<h2>asda</h2>
<example-component></example-component>
</div>
App.js
浏览 1提问于2019-06-27得票数 0
在运行./psh.phar administration:watch并通过shopware.local:8080或192.168.33.10:8080访问Shopware6后端时，我得到的是Vue.js的开发版本-非常适合开发。 但是，尝试使用标准凭据登录会失败。控制台或HTTP请求中没有任何错误，但我不是登录，而是再次看到空的登录表单。 这种行为是已知的吗？
浏览 26提问于2020-08-09得票数 1
1回答
我的HTML代码如下所示
<ul>
<li v-for="item in values">{{ item }}</li>
</ul>
我的vue.js代码如下所示
export default {
data() {
return {
values: {}
}
},
props: ['applicants', 'pageinfo'],
watch: {
浏览 1提问于2018-02-10得票数 0
前言
我有一个允许用户添加行的表，但是用户的要求是在表的顶部添加行。
问题：**通过使用推荐的剪接(添加到数组顶部)添加一个新行在vue 1.x中工作得很好，但是在vue 2.x中添加第1行会失败，但是添加2到n行会很好--错误**vue.min.js:6 TypeError:无法读取空的属性“焦点”似乎是在告诉我，新添加的行是空的，尽管在添加新行时会触发。
如果我遗漏了什么东西，请点击我-在vue 1.x和vue 2.x下面都有提示，正确地说明问题。
Vue.js 1.x
这在vue.js v1.x中运行得很好。添加了新行，光标集中在日期列上：
小提琴：
下面是添加新行的相关代码：
浏览 3提问于2017-07-14得票数 2
回答已采纳
我是vue.js的新手。但是我在数据绑定和重新呈现方面遇到了麻烦。结合socket-io和vue-chartjsm，我遇到了渲染的问题。 我打算通过generateData()更改数据，这似乎很有效。我希望watch:可以工作，但是它没有工作。 我想我误解了一些概念。你能告诉我我的想法出了什么问题吗？ App.vue (...)
export default {
name: "App",
components: {
ReactiveBarChart
},
data() {
return {
chartData: null,
浏览 16提问于2019-06-12得票数 0
回答已采纳
2回答
我只需将脚本(laravel + vue.js)上传到CPanel，每件事情都能正常工作，但我需要对vue js组件进行一些更改。我的问题是，有什么方法可以直接在cpanel上运行npm命令吗？
npm run dev
npm run watch
我已经看到了一些关于ssh登录密钥的例子，但是没有解决方案。
浏览 5提问于2021-05-22得票数 0
我试图在Vue.js中建立一个观察者，以便有条件地复制输入。使用value属性，我会一直体验空引用，有人会详细解释为什么会这样，这样我才能更好地理解这个问题吗？
我的HTML：
<div id="company-form">
<label>Name</label>
<input v-model="legalName" type="text"/>
<label>Name To Call</label>
<input v-model="
浏览 0提问于2019-04-25得票数 1
回答已采纳
1回答
我在我(业余)的大部分前端开发中使用了Vue.js，我被一个我无法理解的简单案例所困扰。
在下面的代码中，搜索框( <input>)的内容被转换为数组，然后对数组进行迭代以创建一些链接(<a>)：
var vm = new Vue({
el: "#search",
data: {
search: '',
results: []
},
watch: {
search: function() {
this.results = this.search.split('')
浏览 2提问于2017-06-12得票数 0
回答已采纳
1回答
我正尝试在vue.JS中设置一个简单的超时，但不知何故等待时间似乎不起作用，因为我的parse函数是立即触发的，而不是5秒后触发 props: {
url:String
},
data(){
return{
typingTimer:null,
doneTypingInterval: 5000
}
},
methods: {
parseTimeout(url){
clearTimeout(this.typingTimer);
浏览 17提问于2019-04-21得票数 0
回答已采纳
1回答
我想改变我的产品的基于用户悬停的颜色的图像，所以这里我将产品数据作为变量，每个产品中的颜色和图像的数量作为我在items中的项目，但是当我检查更新的variation.variationImage变量的值作为Java脚本的“警告”时，它显示了图像的更新路径，但它不会改变图像的值。有谁能帮帮我吗？ 这是我的html，我还包含了vue.js和js的库。 <div id="watch-slider" class="responsive py-5">
<div v-for="variant in variants" class
浏览 23提问于2019-12-25得票数 0
回答已采纳
因此，我正在尝试获取我的Vue.js网站中的一个模式元素的宽度。当模式打开时，当我console.log它时，宽度是0，但它显然不是0，因为当模式打开时元素是可见的。当模式关闭时，控制台记录值>0。 这是一个CodePen：https://codepen.io/chataolauj/pen/RwwYxBg?editors=1010 watch: {
showAdd() {
console.log(this.$refs.input.$el.clientWidth)
}
}
浏览 328提问于2020-06-12得票数 0
2回答
我是Vue.js的新手。目前，我正在创建一个验证对话框，以查看用户的otp是否有效。如果值未超过5秒更改，我的应用程序将自动断开连接。但是，如果我使用watch来监视该值，它就无法工作，因为值没有被更改，watch不会触发。
如何监视5秒内未更改的值？
对话框
<template>
<div>
<input type="text" v-model="otp">
<b-button size="md" @click="cancel()" class="jump-to-ada
浏览 0提问于2021-10-14得票数 0
回答已采纳
1回答
我正在使用带有vue-cli的Vue.js，当前在我的package.json中，在每个脚本之前，我运行clean脚本来清理除app.php和.htaccess文件之外的所有构建文件：
package.json
"scripts": {
"watch": "npm run clean && vue-cli-service build --mode development --watch --no-clean",
"dev": "npm run clean && vue-cli
浏览 129提问于2019-05-21得票数 0
回答已采纳
2回答
例如，我想从Vue.js中的watch属性访问旧数据。这就是我的例子：
mounted(){
axios.get(url).then(({data})=>{
this.data = data //Initialize data to HTML. For example, username='A'
Object.assign(this.oldValues, {data : data}) //Copying data to OldValues. Both object it should has same value
})
},
data(){
浏览 1提问于2018-08-14得票数 3
回答已采纳
Vue.js的文档显示：
使用watch选项，我们可以执行异步操作(访问API)，限制执行该操作的频率，并在得到最终答案之前设置中间状态。对于computed属性，所有这些都是不可能的。
在同一页上，我们可以看到computed属性使用与watcher相同的函数。
参考：
因此，我的问题是，支持上述语句或限制我们使用computed属性而不是watchers的技术原因是什么？
浏览 4提问于2020-08-30得票数 4
回答已采纳
我在对象内部有数组
Vue.component('greeting', {
template: '<button @click="cool">getdate! </button> ',
data :function () {
return {
message:"15/10/1999",
}
},
methods:{
cool(){
this.$parent.in
浏览 0提问于2018-12-18得票数 1
回答已采纳
我刚刚做了我的第一个Vue.js应用程序，它很棒。我遇到的唯一问题是与慢速连接上的绑定值有关。
例如，在我的template中我有这样的代码：
<div v-for="event in events">
<div class="start_time">
{{ event.start_time_formatted }}
</div>
<div class="icon_placeholder">
<img v-bind:src="ev
浏览 4提问于2016-04-05得票数 22
回答已采纳
2回答
我有一个数组：
basicForm.schema = [
{},
{} // I want to watch only this
]
我试过这样做：
‘basicForm.schema[1].value’: {
handler (schema) {
const plan = schema.find(field => {
return field.name === ‘plan’
})
},
deep: true
},
但我发现了一个错误：
vue.js?3de6:573 Vue警告:失败的监视路径：“basicForm.schema1”监视
浏览 7提问于2017-05-03得票数 9
回答已采纳
1回答
我在Vue.js中有两个关于Firebase (vuefire)的查询。此查询具有相似的数据。我想以某种方式加入它，以便稍后迭代。 watch: {
searchQuery: {
handler(searchQuery) {
if (searchQuery) {
this.$bind('logos1', logosCollection
.where('tags', 'array-contains-any', [this.sea
浏览 9提问于2020-07-20得票数 0
我在我的项目中实现了summernote
我的项目使用Laravel5.3和vue.js 2
我的javascript代码如下：
$(function () {
$('.summernote').summernote({
height: 200
});
});
我用拉拉-长生不老药来编译我的项目
如果我运行：gulp watch并运行我的表单( textarea使用summernote)，则不会出错
但是，如果我运行：gulp --production并运行我的表单( textarea使用summernote)，则存在错误：
未定义TypeEr
浏览 3提问于2017-11-02得票数 0
回答已采纳
我试图在最后一次修改Vue.js中的变量后3秒执行一个API调用。 我使用setTimeout和clearTimeout在我的变量上使用watcher实现了这一点： data () return {
timeoutDuration: null,
}
watch: {
queryGeocodage: function (value) {
if (this.timeoutDuration) clearTimeout(this.timeoutDuration)
await // async stuff
this.timeoutDurat
浏览 85提问于2021-09-01得票数 0
回答已采纳
我有带观察器的组件
props: {
propShow: { required: true, type: Boolean }
},
data() {
return {
show: this.propShow
}
},
watch: {
propShow: {
handler: (val, oldVal) => {
this.show = val;
}
}
}
每当parent组件更改propShow时，该组件都必须更新其show属性。This组件还修改show属性，这就是我
浏览 2提问于2017-02-15得票数 48
回答已采纳
$watch可以在Vue.js中监听道具吗？
我在实验室测试，发现我看不到道具：
在我的index.vue中：
<test-com :data="pass_data"></test-com>
...
export default {
data(){
return {
pass_data: {a:'a', b:'b'}
...
}
}
methods: {
add_select_data(){
this.pass_data.c = 'c
浏览 3提问于2018-04-06得票数 0
当我运行watch命令时，我如何编译Vue的开发版本，但是当我运行构建时，我希望它编译生产版本。
module.exports = {
mode: 'production',
entry: [
'./resources/js/vue/app.js'
],
output: {
filename: '[name].bundle.js',
chunkFilename: '[chunkhash].bundle.js',
path: path.r
浏览 6提问于2019-03-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
