个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我在我的 javascript 代码中使用 Vue js。我下载了 vue-star- rating npm 包，为我的其中一个元素建立一个评级系统。我相信我已遵循说明 here正确，但我收到错误
[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<link type="text/css" rel="../css/ProductEvaluation.css" />
</head>
<body>
<button class="btn btn-sm" id="btnRun">Run</button>
<div id="product-eval-areas">
<ul>
<li v-for="area in areas">
{{area.EvaluationArea}}
// Error is occurring on this custom element
<star-rating v-model="area.ProductEvaluationScore"></star-rating>
</li>
</ul>
</div>
<script src="https://url.com/WebResources/ccseq_/Scripts/jquery3.1.1.js"></script>
<script src="../../Scripts/papaparse.js"></script>
<script src="../../node_modules/vue/dist/vue.js"></script>
<script src="../../Scripts/require.js" data-main="../js/main/ProductEvaluation.js"></script>
</body>
</html>
"use strict";
requirejs.config({
bundles: {
'https://url.com/WebResources/ccseq_/WebResources/js/lib/CCSEQ.WebAPI.js': ['Model/ProductEvaluation', 'Model/ProductEvaluationArea', 'API/ProductEvaluation', 'API/ProductEvaluationArea']
//'../lib/CCSEQ.WebAPI.js': ['Model/ProductEvaluation', 'Model/ProductEvaluationArea', 'API/ProductEvaluation', 'API/ProductEvaluationArea']
}
});
require(["Model/ProductEvaluation", "Model/ProductEvaluationArea", "API/ProductEvaluation", "API/ProductEvaluationArea", "../../../node_modules/vue-star-rating/dist/star-rating.min"], function (ProductEvaluationModel, ProductEvaluationAreaModel, ProductEvaluationAPI, ProductEvaluationAreaAPI, StarRating) {
var currentProductEvaluation = new ProductEvaluationModel.ProductEvaluation();
Vue.component('star-rating', StarRating);
var areas = new Vue({
el: '#product-eval-areas',
data: { areas: currentProductEvaluation.ProductEvaluationAreas }
})
$(document).ready(function () {
PopulatePage();
});
function PopulatePage() {
$("#btnRun").click(function () {
var productEvaluationAPI = new ProductEvaluationAPI.ProductEvaluation();
productEvaluationAPI.Get(window.parent.Xrm.Page.data.entity.getId().replace(/({|})/g, "")).
then(
function (results) {
LoadProductEvaluation(results);
console.log("success");
}).catch(function (results) {
console.log("Fail");
});
});
}
function LoadProductEvaluation(productEvaluation) {
productEvaluation.ccseq_ccseq_productevaluation_ccseq_producteval.forEach(function (pe) {
var newProductEvaluationArea = new ProductEvaluationAreaModel.ProductEvaluationArea();
newProductEvaluationArea.EvaluationArea = pe.ccseq_evaluationarea;
newProductEvaluationArea.ProductEvaluationScore = pe.ccseq_productevaluationscore;
newProductEvaluationArea.SelfEvaluation = pe.ccseq_selfevaluation;
newProductEvaluationArea.ProductEvaluationID = pe.ccseq_productevaluationid;
currentProductEvaluation.ProductEvaluationAreas.push(newProductEvaluationArea);
});
}
});
最佳答案
这是我的包，但我没有记录如何将它与 requireJS 一起使用，因为我已经好几年没有使用它了。然而，它捆绑为一个命名的 UMD 模块，定义为“VueStarRating”，因此您需要将以下内容添加到您的 requirejs 配置中:
paths: {
'VueStarRating': '../../../node_modules/vue-star-rating/dist/star-rating.min'
}
然后你可以这样做:
require(['VueStarRating'], function(StarRating) {
Vue.component('star-rating', StarRating.default);
new Vue({
el: '#app'
})
});
您可以在这个 JSFiddle 上查看:https://jsfiddle.net/2Lgz9vs4/
如果您遇到更多麻烦，那么也可能值得使用 requirejs 标记您的问题。大多数 Vue 开发人员都使用 CommonJS(包括我自己)，因此您应该在那里得到更好的响应。
关于javascript - 解析未知自定义元素: <star-rating> vue js，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44421049/
25
4
0
我想堆叠两个 Font Awesome 图标 fa-star 和 fa-star-half，但我遇到对齐问题。见下图: 这是我的 HTML: ...和我的 CSS: a-s
对于欧几里得最短路径问题，是否有人对 A 星搜索和更一般的整数规划公式之间的联系有很好的引用？ 特别是我感兴趣的是如何修改 A-star 以应对额外的(可能是依赖于路径的)约束，如果使用通用 LP/I
如何编写正则表达式来验证此模式？ 123456 - correct *1 - correct 1* - correct 124** - correct *1*2 - correct * - corre
我在以下网址的页眉中看到了 Canvas 动画 - http://blogs.msdn.com/b/davrous/archive/2011/07/21/html5-gaming-animating-
我需要将蓝牙模块连接到A-Star 32U4 Prime SV microSD，但无法使其工作。作为背景，我有一个Pololu双G2大功率电机驱动器24v18盾牌Arduino连接到它。。该项目是一个
我需要将蓝牙模块连接到A-Star 32U4 Prime SV microSD，但无法使其工作。作为背景，我有一个Pololu双G2大功率电机驱动器24v18盾牌Arduino连接到它。。该项目是一个
我正在尝试学习 A* 算法(当应用于网格模式时)并且我认为我已经掌握了在找到最短路径之前，您需要计算任何给定方 block 距起点的距离。 我正在按照此处的指南进行操作:https://medium.
我一直在阅读维基百科的 Astar article .在他们的实现中，他们检查每个节点是否在 closed 中。设置，如果是这样，他们会跳过它。如果启发式是可以接受的，但 是否可能？不是 一致，我们可
继 How to speed up least-cost path model at large spatial extents ，我尝试在 Netlogo 中编写 A* 算法，以在较大的空间范围内增
我试图根据维基百科的伪代码实现一个简单的 A* 搜索程序。但是，它对 openset 的解释对我来说有些不清楚。我知道起始节点最初会添加到 openset 中。但是，代码执行在 remove curr
我正尝试在我的 3D 网格中实现 A* 算法来寻路。我一直在学习教程，但没有找到有效的路径。我已经逐步查看我的代码以了解发生了什么，但我不知道如何解决问题。对于最基本的测试，我只使用 2-D 网格(它
我在 GitHub 上有很多 repos，我将它们加星以供以后使用。 是否有任何工具可以为观星者组织收藏，以便他们可以浏览已加星标的内容？例如，找出我为 iOS 动画加注了哪些组件。 最佳答案 这是我
据我了解，对于给定的评估节点，启发式算法的可接受性保持在“距离的实际成本”的范围内。我不得不为状态空间上的 A* 解决方案搜索设计一些启发式方法，并且使用有时可能返回负值的启发式方法获得了很多积极的效
我在有效实现 Eric Lippert 推荐的这个通用方法时遇到了问题。他的博客概述了创建 A 星算法的一种非常简单有效的方法 (found here)。这是快速运行。 实际寻路的代码: class
我试图找到所有可能的方法来将 n block 糖果分发给 k 个 child 。例如，根据星星和酒吧公式，将 96 颗糖果分配给 5 个 child 的方法数为 100!/(96!*4!) = 3 9
已知 A 星算法是完备的。但是，我在网上搜索发现的所有实现似乎只返回第一个(最佳)解决方案。 例如，这个实现: A star algoritthm implementation 由于算法总是扩展具有最
我想扩展这个问题: Why does the A-star algorithm need g(n)? Dijkstra 算法使用代价函数 f(n) = g(n)而 A* 使用成本函数 f(n) = g
我有一个问题。如果可以在我的算法中添加旋转。我的意思是，例如，如果我想从 (0,0) 转到 (0,1)，首先我需要旋转然后转到那个字段。我不知道该怎么做。我实现的算法A-start是这样的 impor
让我们考虑一个简单的网格，其中任何点最多与其他 4 个点相连(东北-西-南邻域)。 我必须编写程序，计算从选定的初始点到连接的任何目标点的最小路线(任意两个目标之间有一条由目标点组成的路线)。当然，网
我一整天都在努力让这个算法启动并运行，但我终究做不到。我在网上阅读了很多教程，以及 AS3、javascript 和 C++ 的源代码；但我无法使我所看到的适应我自己的代码。 我创建了一个 AStar
我是一名优秀的程序员,十分优秀！