在堆栈溢出中看到对另一个问题的引用.
我检查了这样的解决方案,但还没有成功.
<div class="form-group">
<label>Working Hours :</label>
<div v-for="value in day" class="checkboxFour"<input type="checkbox" id="need" value="value.val" v-model="value.selected" style="width: 10%!important;">
<p>FROM</p>
<label for="need" style=" width: 20%!important;">{{value.name}}</label>
<input id="value.from" type="time" v-model="value.from" name="value.from" style="width: 30%!important;">
<p>TO</p>
<input id="value.to" type="time" v-model="value.to" name="value.to" style="width: 30%!important;">
<br>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我的vue js代码是相同的
work = new Vue({
el: "#work",
data: {
data: [],
day:[
{name:"Sunday",val:1},
{name:"Monday",val:2},
{name:"Tuesday",val:3},
{name:"Wednesday",val:4},
{name:"Thursday",val:5},
{name:"Friday",val:6},
{name:"Saturday",val:7}
],
string:'',
},
methods: {
wrkSubmit: function(e){
var arr = [];
this.day.map(function(v,i) {
console.log(v.selected == true);
if(v.selected == …Run Code Online (Sandbox Code Playgroud) 我正在注册,我的HTML代码是
<div class="tab-pane" id="step1">
<form method="POST" onSubmit="return false;" data-parsley-validate="true" v-on:submit="handelSubmit($event);">
<!-- DATA COMES HERE -->
<div class="wizard-footer">
<div class="pull-right">
<button type="submit" class='btn btn-next btn-primary' name='next' value='Next'>Next</button>
</div>
</div>
</form>
</div>
<div class="tab-pane" id="step2">
<!--******8data**** -->
<button type="submit" class='btn btn-next btn-primary' name='next' value='Next'>Next</button>
</div>
Run Code Online (Sandbox Code Playgroud)
btn-next正在进入下一个标签.如果我删除btn-next,它将不会移动到下一个选项卡.
我的vue js代码是
submitBox = new Vue({
el: "#submitBox",
data: {
-- -- -
},
methods: {
handelSubmit: function(e) {
var vm = this;
data = {};
-- -- -- -- -- --
$.ajax({ …Run Code Online (Sandbox Code Playgroud) 点击错误消息是
jquery.js:4388 [Violation]向滚动阻止的“ touchmove”事件添加了非被动事件侦听器。考虑将事件处理程序标记为“被动”,以使页面更具响应性。参见https://www.chromestatus.com/feature/5745543795965952
我可以在新水龙头上单击鼠标右键来打开链接。更重要的左键单击不起作用。
在所有其他浏览器上,链接都可以正常工作
请帮我
import VueSocketIOExt from 'vue-socket.io-extended';
import { io } from 'socket.io-client';
const socket = io('http://localhost:3200/');
const socket1 = io('http://localhost:3100/');
Vue.use(VueSocketIOExt, socket);
Vue.use(VueSocketIOExt, socket1);
Run Code Online (Sandbox Code Playgroud)
我尝试使用上面的代码。但只有套接字在工作。是否可以同时连接两个插座。
这是我的 store.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
isLoggedIn: !!localStorage.getItem('token'),
isLog : !!localStorage.getItem('situation')
},
mutations: {
loginUser (state) {
state.isLoggedIn = true
state.isLog = true
},
logoutUser (state) {
state.isLoggedIn = false
state.isLog = false
},
}
})
Run Code Online (Sandbox Code Playgroud)
但是当我在 display.vue 中调用 {{state.isLoggedIn}} 时,我没有得到值。
在 display.vue 中,我使用
<script>
import axios from "axios";
import store from '../store';
export default {
name: "BookList",
data() {
return {
students: [],
errors: [],
state: this.state.isLoggedIn,
}; …Run Code Online (Sandbox Code Playgroud) 我的json数据是
{"status": true, "data": {"pid": 10, "bussinessName": "Ey technology", "services": "1, 3, 4, 2", "inventory": ["specs", "Eye Testing", "Lens", "Doctors"], "workHr": "Monday :9:00AM to 5:00PM,Thuesday :9:00AM to 5:00PM,Wednesday :9:00AM to 5:00PM,Tuesday : 9:00AM to 5:00PM,Friday :9:00AM to 5:00PM,Saturday :9:00AM to 5:00PM,Sunday :9:00AM to 5:00PM", "description": "Good technology company for software", "category": 1, "sub_category": ["Homeo pathy", "Web development"], "lat": 9.5274336, "lon": 76.8224309, "contactName": "simon", "contactEmail": "simon@gmail.com", "contactOfficeAddress": "college of Eng", "contactNumber": "1236547859", "contactOfficeNumber": "8947123658", "state": "Kerala", "city": "Koy", "place": "Kly", "pincode": …Run Code Online (Sandbox Code Playgroud) 我目前的代码是
addpolygon: function(e) {
var vm = this;
var point = {
lat: parseFloat(e.latLng.lat()),
lng: parseFloat(e.latLng.lng())
};
vm.coord.push(point);
vm.replot();
vm.marker = new google.maps.Marker({
position: point,
map: vm.map,
icon: "/fred.png"
});
vm.infowindow = new google.maps.InfoWindow({
content:"<a class=\"btn btn-danger\" @click.native=\"removePoint("+vm.markerid+)\">Remove</a>",
maxWidth: 300
});
vm.bindInfoWindow(vm.marker, vm.map, vm.infowindow);
vm.markers[vm.markerid] = {
marker: vm.marker,
point: point
};
vm.markerid++;
},
Run Code Online (Sandbox Code Playgroud)
当我点击 Remove 时,我需要触发另一个函数 remove Point。
我把它定义为
removePoint: function(id) {
alert("adsf")
},
Run Code Online (Sandbox Code Playgroud)
但是我无法使用上面的代码触发相同的操作。当我点击按钮删除时没有任何反应。同样有什么问题。请帮我有一个解决方案?
vue.js ×6
javascript ×5
html ×2
vue-router ×2
vuejs2 ×2
bxslider ×1
carousel ×1
google-maps ×1
jquery ×1
vuex ×1
websocket ×1