2回答
我正在寻找一种轻量级和智能的方式，为用户提供不同的布局或组件的移动和桌面视图使用vue。
我的web应用程序由很多表格组成，大家都知道，在移动设备上使用表格并不是最好的体验(即使有很多方法可以使表格变得有用，但不是很有趣)
所以我想让vue js来检测用户是从桌面还是移动设备访问web应用程序。当用户在桌面上打开时，它会显示一个很好的旧表格，因为桌面用户有屏幕空间。但当用户在移动设备中打开时，它会显示卡片或面板一样的视图，更适合移动设备(通常为纵向)
我知道有一个很好的bootstrap框架的解决方案可以做到这一点，但它不是交换，而是渲染所有部分(大部分是html)，并根据屏幕尺寸隐藏每个部分
浏览 0提问于2017-11-19得票数 6
我使用package.json (npm)在laravel环境中安装了babel-polyfill。我正在使用vuetify生成表。然而，当在IE11中打开渲染表格的页面时，表格出现了，但所有的列都消失了(所有的列都合并成了一个单独的列)，我无法与数据表进行交互(我有行点击事件，这些事件在Chrome，Firefox和Edge中工作得很好)。我需要任何额外的填充包装吗？
Package.json：
"devDependencies": {
...
"babel-polyfill": "^6.26.0",
...
浏览 0提问于2019-02-19得票数 5
0回答
我使用的是一个使用document和window的包。我想让我的网站有服务器端渲染，而不改变太多的代码。对于window is not defined，我使用window-or-global ()，它解决了我的问题。
然而，当涉及到document时，我实际上找不到任何有用的东西。我的想法是尝试找出服务器或客户端渲染的时间。我只会在客户端渲染时使用document执行代码。有没有办法做到这一点？
附言:我使用的是Vue.js 2.0。我使用的包是fine-uploader ()
浏览 8提问于2016-12-21得票数 4
回答已采纳
2回答
我完全被困在使用vue.js 2.0和vue路由器通过路由器视图来渲染组件上。
我安装了vue devtools，我确实看到了router-view旁边的"fragment“标签，但没有其他详细信息。
需要注意的是，我使用的是laravel-elixir-vueify和browserify。
App.js
var Vue = require('Vue');
var VueRouter = require('vue-router');
import dashboard from './components/dashboard.vue'
浏览 1提问于2016-10-15得票数 0
我喜欢Angular 1.x和Vue.js。然而，Angular 2.0即将问世。Vue.js是否会升级为Angular 2.0的结构？有人从Vue.js那里知道这个计划吗？
浏览 3提问于2015-12-22得票数 0
演示：
使用vue 1.0，它是有效的：
使用vue 2.0，它不起作用：
这两个演示的代码是相同的，只是vue.js的版本不同。
如何修改demo使其适用于vue.js 2.0？
浏览 0提问于2016-11-26得票数 1
我正在尝试运行来自vuejs的github 的vue-hackernews-2.0示例。
在setup部分，它解释了如何安装项目：
# install dependencies
npm install # or yarn
# serve in dev mode, with hot reload at localhost:8080
npm run dev
# build for production
npm run build
# serve in production mode
npm start
我安装了npm。在server.js中将端口更改为8888之后，我在命令行中输入了"
浏览 5提问于2017-08-10得票数 7
回答已采纳
我想用vue.js来渲染表格，但是我有很多问题。我不知道如何使用v-for来渲染它。我几乎什么都试过了..在控制台中，一切看起来都没问题，但表是清晰的。怎样做才是正确的呢？
<template>
<table class="table table-striped ">
<thead>
<tr>
<th></th>
<th>Name</th>
&l
浏览 0提问于2017-09-27得票数 0
node.js做为中间层的前提下:
我看很多项目都是node只负责处理数据提供接口，前端使用vue-cli架构渲染页面，但是这样对SEO很不友好（这里不讨论nuxt）；
我想使用node渲染页面来解决这个问题，发现node有很多的模板引擎并不能很好的使用vue.js，只能传统的在html里面引入vue.js来绑定数据。
刚刚接触node.js有点迷茫~
浏览 590提问于2017-11-24
1回答
我和Vue的第一天。我初始化了我的应用。我想添加一个登录组件，当我在main.js中设置路由时，没有页面工作。 import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import Login from './components/Login.vue'
const routes = [
{ path: '/', component: App },
{ path: '/login&
浏览 15提问于2020-10-01得票数 0
我有一个从本地机器加载Vue JS 2的电子应用程序，然而，无论我附加我的el来完全清空元素并用Vue JS注释替换内容，我错过了什么？ index.html <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
<meta http-equiv="Content-Security-Policy" content="script-src &#
浏览 17提问于2021-04-29得票数 1
使用Vuetify 2和Storybook 6(源https://github.com/lydonchandra/vuetify2storybook6 ) 组件渲染得很好，但在第一次渲染组件时，由于vm.$vuetify.icons未定义，因此始终出现此错误TypeError。 不确定我错过了哪个故事书-实例化初始化桥？ TypeError: Cannot read property 'component' of undefined
at remapInternalIcon (vuetify.js:44048)
at VueComponent.getIcon (vuetify
浏览 87提问于2021-01-25得票数 0
1回答
当我尝试使用Vuejs 2.0设置服务器端渲染时，我在项目中遇到了这个问题：
h is not a function
TypeError: h is not a function
at VueComponent._default (__vue_ssr_bundle__:3158:17)
我的client-entry.js文件：
import { app } from './index'
app.$mount('#app')
我的server-entry.js文件：
import { app } from './index'
export d
浏览 0提问于2016-10-26得票数 1
Vue.js新手。我在谷歌上找到了很多Vue.js 1.0的资源，但没有找到vue js 2.0的资源。
浏览 2提问于2016-10-21得票数 1
我的站点只对某些组件使用Vue.js (而不是整个站点或页面)。站点本身是用Python编写的，并在服务器端呈现。在服务器端做的一件事，就是解析HTML标签中的所有文本内容--文本内容充当一个键，它将被转换为键的值(例如，<h1>^Default heading^</h1>将变成<h1>Actual heading</h1>)。由于我的Vue.js应用程序是在客户端呈现到应用程序的容器div中的，所以在SSR期间，翻译程序将不会接触Vue应用程序的所有文本内容。
因此，当前的解决方案是在Vue app之外定义一个JS对象，方法是添加Vue app
浏览 0提问于2019-10-29得票数 0
目前我的应用程序呈现在同一页面上，但我希望它呈现到一个新页面。我尝试使用render: h => h(App)进行渲染，但它仍然在同一页上渲染。
下面是路由器将链接到的Vue文件(Risks.vue)：
<router-link to="/risk-info">
<td>{{item.Model}}</td>
<td>{{item.Vulnerability}}</td>
<td>{{item.Unresolved}}</td>
</router-link>
<route
浏览 10提问于2020-06-02得票数 1
1回答
我有问题的Vue渲染在我的网站上。我已经下载了一些论坛应用程序从，我有一些困难，安装它，因为npm没有真正更新，应用程序是从两年前。我设法用package.json修复了npm的所有内容，比如：
"devDependencies": {
"axios": "^0.18.1",
"bootstrap": "^4.4.1",
"cross-env": "^5.2.1",
"jquery": "^3.5
浏览 8提问于2020-04-15得票数 0
在Vue.js 1.0中，我可以通过以下代码设置全局分隔符
Vue.config.delimiters = ['${', '}'];
但是它被从Vue.js 2.0中删除了。每次必须使用下列代码设置分隔符吗？
new Vue({
delimiters: ['${', '}']
})
浏览 0提问于2016-12-10得票数 3
回答已采纳
在ssr vue (用于vuejs的服务器端渲染)文档中，有一个代码结构示例，其中包含一个webpack构建步骤：
结构看起来像这样：
src
├── components
│ ├── Foo.vue
│ ├── Bar.vue
│ └── Baz.vue
├── App.vue
├── app.js # universal entry
├── entry-client.js # runs in browser only
└── entry-server.js # runs on server only
我缺少一个主模板(在rails或expressjs术语中是一个布局)，它应该
浏览 4提问于2018-01-21得票数 0
2回答
我一直收到这个错误： error in ./node_modules/keytar/build/Release/keytar.node
Module parse failed: Unexpected character '�' (1:2)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Sour
浏览 42提问于2019-12-06得票数 3
回答已采纳
我在渲染器进程中使用了require()中的模块。
/* renderer.js */
const Vue = require('vue');
const marked = require('marked');
...
当执行“Electron.”时没有问题，但是打包将是“没有这样的文件或目录”。(使用电子打包机进行包装)
为了解决这个问题，将我想要的js文件()放在与renderer.js相同的目录中，并执行以下操作。
/* renderer.js */
const Vue = require('./vue.min.js');
const ma
浏览 3提问于2018-06-18得票数 0
1回答
问题
loginForm.recaptcha总是空白的。我有遗漏什么吗？
组件
<template>
<div>
<vue-recaptcha v-model="loginForm.recaptcha"
sitekey="My key">
</vue-recaptcha>
</div>
</template>
<script>
export default {
data() {
浏览 1提问于2018-03-19得票数 1
回答已采纳
我试图在vue.js中加入recaptcha，我还使用了Laravel5.6.7
适用于Captcha的Vue软件包
叶片
<div class="col-md-8">
<login></login>
</div>
app.js
import VueRecaptcha from 'vue-recaptcha';
Vue.use(VueRecaptcha);
Vue.component('login', require('./components/login.vue'));
浏览 1提问于2018-03-19得票数 0
回答已采纳
我想将内联样式绑定到包含v-for的div。但它似乎总是忽略了v-bind。这是模板和数据。
<template>
<div id="app">
<div v-bind:style="styleObject" v-for="collection in collections" :key="collection.id">
<a v-bind:href="collection.pageurl">
<
浏览 1提问于2017-12-02得票数 0
我是新来的。我试着渲染一个vue组件。但我错了。我不使用vue-cli。我包括一个脚本
我的html代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
VUE Study
</title>
<link href="stylee.css" rel="stylesheet">
<
浏览 0提问于2019-07-30得票数 1
回答已采纳
Manifest.json： {
"manifest_version": 2,
"name": "Vue",
"version": "1.0",
"description": "Vue Test",
"icons": {
"96": "icons/icon.png"
},
"permissions": [
"tabs"
],
"bac
浏览 29提问于2020-07-21得票数 0
回答已采纳
1回答
我的routes.js文件中有深度嵌套的路由。正如你在下面的代码中看到的，我必须根据路由渲染不同的组件(如果路由是产品，我需要渲染Products.vue组件，但如果路由更深入，我需要渲染包含模板<router-view></router-view>的EmptyRouterView.vue组件，这样我就可以渲染子路由组件)。
{
path: '/products',
name: 'products',
component: {
render(c) {
if (this.$ro
浏览 2提问于2019-10-31得票数 0
回答已采纳
我正在开发一个laravel(5.4)应用程序，其中我使用vue js(2.0)作为SPA，我的问题是我想从URL中删除#(散列)。
请给我建议什么解决办法？
这是我的HTML
<ul class="category-list">
<li><router-link to="/testlink.html">Tets Link</router-link></li>
<li><router-link to="/demotestlink.html">Dem
浏览 2提问于2017-05-14得票数 1
3回答
我试着用Vue和Laravel上传图片。vue不会给我渲染的。这可能是一件小而愚蠢的事情，但有人想猜猜吗？
resources/assets/js/app.js
Vue.component('image-upload', require('./components/ImageUpload.vue'));
const app = new Vue({
el: '#app'
});
resources/assets/js/components/ImageUpload.vue
<template>
<div>
浏览 3提问于2017-06-30得票数 1
回答已采纳
1回答
我用vue js构建了一个前端网站，现在我正在尝试用nodejs和hapijs编写后端程序。我尝试定义handlebars视图引擎来加载vue构建文件。我想知道如何使用hapi js在服务器上渲染vue项目。现在，我尝试渲染vuejs的构建索引，它加载时没有js和css文件，我不知道如何加载所有静态内容的文件。
这就是我所尝试的：
await server.register([require('hapi-auth-basic'), require('vision')]);
server.views({
engines: {
html: requir
浏览 18提问于2018-08-27得票数 0
在Vue.js中，当某些数据发生更改时，组件确实会重新呈现(更新)。有时重新渲染的频率太高了，我想找出哪些数据的更改导致了这种重新渲染。如何找出导致重新渲染的更改数据？
浏览 2提问于2018-05-29得票数 7
我试着按照我在网上找到的一个例子来渲染一个组件。
我创建了一个示例项目，它在那里工作得很好，但当我试图在官方代码库上使用相同的东西时，它会崩溃。
下面是渲染的刀片文件的内容。
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X
浏览 0提问于2021-02-17得票数 0
我正在尝试用Vue.js 2.0设置Laravel 5.3。我想把<router-view> </router-view>放在一个主要的App.vue组件中。我如何使它与Vue 2.0一起工作。
这已经不管用了：
router.start(App, 'app');
所以我试了一下：
const app = new Vue({
router,
render: h => h(App)
});
但这对我没用。我一定要把包放进去才能让它起作用吗？
谢谢!
浏览 5提问于2016-12-06得票数 2
回答已采纳
我将1000+条目的日志下载为JSON。每个条目都是一个多级对象。我解析JSON，对数组进行排序并对其进行过滤。我将它划分为3个不同的“计算”函数，以避免过多的解析或排序。每个“计算”函数充当管道，从前一个函数中获取数据，如下所示：
<div v-for="i in cArraySortedFiltered"
:key="i.id">...</div>
computed: {
cArray() {
return parse(json);
},
cArraySorted() {
return cAr
浏览 5提问于2018-02-01得票数 0
我已经按照的建议在store/index.js中设置了默认存储。当我试图渲染我的应用程序时，我得到了以下错误：
未明错误: nuxt存储/index.js应该导出一个返回Vuex实例的方法。
我的store/index.js文件如下所示：
import Vuex from 'vuex'
import Vue from 'vue'
import myModule from './myModule'
Vue.use(Vuex)
const store = new Vuex.Store({
state: () => ({
}
浏览 2提问于2021-08-17得票数 1
回答已采纳
1回答
每当Vue中有一个↵时，我都想渲染一个换行符。 我跟踪了How can I use v-html on the vue?，但我无法跟踪。 我尝试过的： var app = new Vue({
el: '#app',
data() {
return {
a: {
country: "England:↵ - Liverpool↵ - Chelsea↵ - Arsenal↵ - MU↵ - City",
},
testObj: "",
};
},
computed
浏览 42提问于2021-04-03得票数 2
回答已采纳
2回答
我在Laravel4.2中工作，我想在我的应用程序中实现Vue.js。当我在刀片中放置一些测试代码时，它只显示“使用未定义的常量消息-假设的‘message’”，我知道laravel读取{message}类php代码，但是您知道如何将vue.js添加到我的刀片中吗？谢谢你帮忙。这是代码
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.js"></script>
<script>
new Vue({
浏览 7提问于2017-07-06得票数 0
回答已采纳
在Vue 2.0应用程序中，假设我们有组件A、B和C。
A声明、注册和使用B
从A到B可以通过C吗？
就像这样：
<template>
<div class="A">
<B :child_component="C" />
</div>
</template>
在B中使用C。
<template>
<div class="B">
<C>Something else</C>
</div>
</t
浏览 3提问于2017-03-24得票数 64
回答已采纳
我试着在我用vue.js制作的网站上渲染图像
我想要的文件在这里D:\programing\mr_dan\assets\img\bkgds\cheesecloth-herbs-bk.jpg
和vue在D:\programing\mr_dan\src\components\Home.vue中的组成
这是home.vue的代码
<div style="background-image:url(../../assets/img/bkgds/cheesecloth-herbs-bk.jpg);">
浏览 5提问于2018-04-09得票数 1
回答已采纳
我正在尝试运行vue-styleguidist server，但是我得到了这个错误：
Attempted import error: 'h' is not exported from 'vue' (imported as 'Vue').
@ ./node_modules/vue-styleguidist/lib/client/rsg-components/Preview/PreviewAsync.js
@ ./node_modules/react-styleguidist/lib/client/rsg-components/Playgroun
浏览 13提问于2022-03-06得票数 2
8回答
有人知道如何使用vue 2.0打开引导模式吗？在使用vue.js之前，我只需使用jQuery：$('#myModal').modal('show');打开模式
但是，在Vue中有没有合适的方法来做这件事呢？
谢谢。
浏览 8提问于2017-03-20得票数 34
我有两个组件，组件A和组件B我在组件A中有一个按钮，当我单击按钮A时，我想重新加载或刷新组件B .How这在vue js中是可能的，我使用的是vue js 2.0。
浏览 35提问于2019-05-27得票数 1
1回答
我试图渲染一个组件，但是我得到了一个错误:属性或方法"joke“没有在实例中定义，而是在渲染过程中被引用。我正在使用dad jokes api通过axios http库获取数据。下面是我的代码：
var joke = Vue.component('joke', {
template: '#joke',
data() {
return {
jokes: []
};
},
created() {
axios
.get('https://icanhazdadjoke.com/searc
浏览 20提问于2017-12-25得票数 1
回答已采纳
1回答
vuejs社区我是vue.js的新手，使用vue-query、vue-query 3和composition vue.js来获取数据，返回的数据是ObjectRefImpl。当我打印这些值时，它返回给我:属性"isLoading“在渲染期间被访问，但没有在实例上定义。非常感谢！
"vue"："^3.2.12"，"vue-query"："^1.11.0“
Todo.vue
import {onMounted} from 'vue';
export default {
setup() {
const fe
浏览 17提问于2021-09-23得票数 0
5回答
我看过，他们建议对JS构建的应用程序(React、Vue等)使用动态渲染。实现这一点的工具之一是使用Puppeteer JS。我需要创建一个严重依赖搜索引擎优化的应用程序，所以服务器端渲染(SSR)是非常重要的。
我知道Next JS默认完成SSR，但是我能用Puppeteer + Create React App做同样的事情吗？Next JS和Puppeteer在SSR和动态渲染方面有什么不同，哪一个更适合SSR？
浏览 2提问于2018-07-09得票数 0
1回答
我在Vue.js中有一个父组件，如下所示：
<template>
<ul class="list-group">
<li class="list-group-item" v-for="item in items">
<div class="row">
<div class="col-md-6">
{{ item.title }}
</div>
浏览 3提问于2016-10-11得票数 1
1回答
Vue组件没有渲染，也没有错误，但它加载了vue cdn。任何内容都不能代替组件。
<!DOCTYPE html>
<head>
<title>Vue</title>
</head>
<body>
<blog-post :title="My journey with Vue"></blog-post>
<blog-post v-bind:title="Blogging with Vue"></blog-post&
浏览 0提问于2019-07-24得票数 0
2回答
我在我的vue项目中使用了 (webpack，热重载，巴别塔等等)。
我已经导入了这个库(通过npm)并将其包含在main.js文件中，我在我的项目中没有看到任何更改。浏览器不会渲染它。
我做错了什么？
main.js：
import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material'
import App from './App.vue'
Vue.use(VueMaterial)
Vue.m
浏览 1提问于2017-09-08得票数 0
1回答
我们当前的构建过程目前使用Grunt、vueify和browserify来构建我们的Single file组件，并将Vue从SFC中拉出并放入它自己的外部文件中。 由于各种原因(vueify不再受支持，异步加载组件，...)我们想换成Webpack。 然而，我在如何让我们目前的方法为Webpack工作的问题上失败了。我已经在下面包含了我们当前的构建过程。我很想弄清楚如何让Webpack为我们工作。有什么建议吗？我甚至都不能开始...我怎么才能让Webpack把我们的*.vue.js文件编译成预渲染的javascript文件呢？在底部，我还包含了我们的一个SFC .vue.js文件的内容。 v
浏览 23提问于2019-02-25得票数 1
我的vue.js配置是
vue.cliwebpackjavascript vue.js 2.0使用 not类型抄本使用多根服务器: server projectclient/dashboard : web项目(这是vue project)
在下面的代码中，“”与“未能找到定义”一起工作。
<template>
<div>
<button @click="clickEvent"/>
</div>
</template>
<script>
export default {
...
methods: {
浏览 11提问于2022-02-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
