我正在开发一个Web应用程序,该应用程序将vue-router用于带有Laravel 5后端的SPA。它使用.vue用于运行应用程序组件的文件laravel-elixir-vueify来创建所需的JavaScript。
我已经与Vue一起成功设置了vue-router,并且可以加载与主Vue和Vue路由器实例相同的文件中定义的组件。
但是,当我尝试并需要.vue文件中包含的组件时,问题就来了。尽管browserify / vueify在我检查Vue实例时报告运行成功,但是Vue dev-tools在实例内仅显示匿名组件片段,而在内没有标记router-view。
控制台内部没有错误,尽管看起来外部组件未正确加载。
各种代码和文件的示例如下:
gulpfile.js
...
mix.browserify('dashboard.js');
...
Run Code Online (Sandbox Code Playgroud)
dashboardOverview.vue
<template>
<div>
<h1>Overview</h1>
<img src="//placehold.it/320x100" style="width: 100%; margin-bottom: 15px" alt="Pathway Visualisation" />
</div>
</template>
<script>
export default {}
</script>
Run Code Online (Sandbox Code Playgroud)
凡dashboardOverview.vue位于resources\assets\js\components\dashboardOverview.vue。
主视图
@section('content')
<div id="app">
<h1>Welcome</h1>
<a v-link="{ path: '/activate' }">Activate</a>|
<a v-link="{ path: '/' }">Overview</a>
<router-view></router-view>
</div>
@endsection
Run Code Online (Sandbox Code Playgroud)
以下JavaScript对此进行了补充:
var Vue = require('vue');
var VueRouter = require('vue-router');
Vue.use(VueRouter)
/* Components */
var dashboardOverview = …Run Code Online (Sandbox Code Playgroud) 对不起,如果主题有点奇怪.但我不知道还有什么可以命名的.
我想这个代码的和平,以适应我的网站的风格.
<?php
global $post;
$opties = wp_get_post_terms($post->ID, 'Items', array("fields" => "names"));
if (count($opties) > 0) {
echo implode(', ', $opties);
}
?>
Run Code Online (Sandbox Code Playgroud)
现在它回应了
Item 1, Item 2, Item 3, etc...
Run Code Online (Sandbox Code Playgroud)
我想请它回应以下内容:
<i class="fa fa-check" aria-hidden="true"></i>Item 1<br>
<i class="fa fa-check" aria-hidden="true"></i>Item 2<br>
<i class="fa fa-check" aria-hidden="true"></i>Item 3<br>
Run Code Online (Sandbox Code Playgroud)
如何获得此代码?提前致谢!
$DBH = new PDO($dsn, $username, $password, $opt);
$DBH->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$DBH->setAttribute(PDO::ATTR_EMULATE_PREPARES, false);
$STH = $DBH->prepare("INSERT INTO requests (id,imdbid,msg) VALUES ('',:imdbid,:msg)");
$STH->bindParam(':imdbid', $_POST['imdbid']);
$STH->bindParam(':msg', $_POST['msg']);
$STH->execute();
echo "<p>Successfully Requested ".$_POST['imdbid']."! Thanks!</p>";
Run Code Online (Sandbox Code Playgroud)
是否有一些SQL查询将检查和插入或什么?我需要它来检查用户输入的内容是否已经存在于数据库中,因此如果用户键入已经存在的imdbid,那么它将不会继续插入任何内容.我该怎么做?我知道我可以做一个fetch_all并为它做一个foreach但是只有在你执行之后才能工作吗?
我不能为我的生活弄清楚为什么我的表单在通过AJAX发布之前使用jQuery时不会序列化.
每当我调试javascript'formData'结果为"".
我已尝试使用表单id的硬编码,它仍然导致空白序列化,.get(0)在$(this)选择器的末尾尝试并尝试没有下划线的名称,无济于事.
当调试选择器包含输入作为子项时,我已经序列化了表单之前输入嵌套在其他元素中没有问题.
我动态选择表单$(this)而不是对事件处理程序进行硬编码的原因是,这将是应用程序的一部分,我们将在其他表单上进行操作,因此我希望它简洁易懂.
非常感谢任何见解.
我的代码如下:
HTML/PHP视图(使用CodeIgniter)
<div class="tabs-content">
<section role="tabpanel" aria-hidden="false" class="content active" id="details">
<div class="login-form">
<p class="lead">To change basic personal details such as name and email address use this form.</p>
<form action="<?php echo base_url() ?>ajax/update_details" method="POST" name="updateDetailsForm" id="updateDetailsForm">
<div class="row">
<div class="small-12 columns">
<label>First Name
<input type="text" placeholder="e.g. John" name="first_name" value="<?php echo $first_name ?>" />
</label>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<label>Surname
<input type="text" placeholder="e.g. Smith" name="last_name" value="<?php echo …Run Code Online (Sandbox Code Playgroud) php ×3
ajax ×1
browserify ×1
foreach ×1
javascript ×1
jquery ×1
loops ×1
mysql ×1
pdo ×1
vue-router ×1
vue.js ×1