我正在尝试在我的sails项目中使用类似vuetify组件的表。我可以让UI正常工作，但所有操作(按钮点击(都不起作用，除非我禁用该页面的遮阳伞。有人有将帆与vuetify集成的经验吗？
我遵循了这个例子：
https://github.com/ndabAP/vue-sails-example
但是，我没有使用vue-bootstrap，而是使用vue-cli:使用Vuetify
vue create frontend
cd frontend
vue add vuetify
在vue.config.js中，我使用了：
// frontend/vue.config.js
outputDir: "../backend/assets/dependencies",
在后台生成一个到index.js:的控制器路由
// config/routes.js
'/*': { action:'index', skipAssets: true, skipRegex: /^/api/v1/.*$/ },
内容：
// controllers/index.js
module.exports = {
friendlyName: 'View homepage',
description: 'Display homepage view',
exits: {
success: {
statusCode: 200,
description: 'Display the view index page.',
viewTemplatePath: 'pages/index'
},
},
fn: async function () {
return {};
}
};
视图layout/layout.ejs应该包含：
<% /* views/layouts/layout.ejs */ %>
<!DOCTYPE html>
<html>
<head>
<title><%=typeof title == 'undefined' ? 'New Sails App' : title%></title>
<!-- Viewport mobile tag for sensible mobile support -->
<meta charset=utf-8>
<meta http-equiv=X-UA-Compatible content="IE=edge">
<meta name=viewport content="width=device-width,initial-scale=1">
<link rel=icon href=/favicon.ico>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--STYLES-->
<!--STYLES END-->
</head>
<body>
<noscript>
<strong>We're sorry but frontend doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id=app></div>
<!--TEMPLATES-->
<!--TEMPLATES END-->
<%- exposeLocalsToBrowser() %>
<!--SCRIPTS-->
<!--SCRIPTS END-->
</body>
</html>
这是我想出来的更好的方法。如果还有另一种最简单的方法我想知道，因为我认为有必要修改paraails.js以直接上传组件，或者通过注册组件来改变注册页面的形式，以类似的方式使用唯一的页面。