使用react+ react-router-dom：
import React from 'react';
import { Switch, Route, Redirect } from 'react-router-dom';
并通过以下方式保护路线：
路由器
const Router = () => {
return (
<Switch>
<PrivateRoute exact path='/Panel' component={Panel}></PrivateRoute>
<Route exact path='/Register' component={Register}></Route>
<Route exact path='/Login' component={Login}></Route>
</Switch>
);
};
const PrivateRoute = ({ component: Component, ...rest }) => (
<Route
{...rest}
render={props =>
Auth.getAuth() ? (
<Component {...props} />
) : (
<Redirect
to={{
pathname: "/Login"
}}
/>
)
}
/>
);
认证
const Auth = …我试图实现的目标是仅在用户时添加comma到数字，并且当用户我想显示正常且不带逗号时。所以到目前为止我尝试的是：(price format)foucschangeblur
class Login extends React.Component {
constructor(props) {
super(props);
this.state = {
value: '',
price: ''
};
}
price = (v) => {
return v.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
handleBlur = (e) => {
this.setState({
price: this.state.value
})
}
handleFocus = (e) => {
const v = e.target.value;
this.setState({
price: this.price(v)
})
}
handleChange = (e) => {
const v = e.target.value;
this.setState({
price: v /*this.price(v)*/,
value: v
})
}
render() {
return ( < …我正在开发一个 nuxtJS 项目，对 nuxt 或 vue 不太了解，我想要的是更改页面标题，但它显示所有页面的一个标题，该标题属于一个组件，我删除了该标题，现在它什么也不显示。我将此代码放在标头组件中
<script>
export default {
name: "header",
head () {
return {
title: this.title
}
},
data () {
return {
title: 'Hello World!'
}
}
}
</script>
在 nuxtjs 配置中：
module.exports = {
head: {
title: pkg.name
}
...
}
我想要的是，动态显示每个页面的标题。
$NOW = new DateTime();
$date = $NOW->format('Y-m-d'); // return 2018-05-17
我想将数据库中的日期更新为现在的日期.
查询:
$sql = "UPDATE table SET date = $date WHERE id = $id";
但它像这样更新时间=> 0000-00-00
这个专栏的类型是 DATE
为什么？我做错了什么？
我想用UNION从数据库中获取数据,我将链接定义为newslink,将pic定义为articlepic但是它在newslink列下显示了articlepic数据,我该如何解决这个问题？
SELECT * FROM
((SELECT date, link as newslink FROM news ORDER BY id DESC)
UNION
(SELECT date, pic as articlepic FROM article ORDER BY id DESC)) as x
ORDER BY date DESC LIMIT 6
我想在articlepic列下获取articlepic数据,在newslink列下获取newslink
我试图使每个ul li宽度等于上面的元素,input但li有margin,它不能相等,我想要的是宽度等于边距.但左右不相等.
#inline {
display: flex;
}
.group input,
.group {
width: 100%;
}
div#box {
padding: 40px;
}
.group:first-child {
margin-right: 50px;
}
.group ul {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
position: relative;
}
.group ul li {
width: calc(50% - 20px);
background: gray;
list-style: none;
margin: 5px;
padding: 5px;
}
/* guide */
.group ul::after {
content: "";
display: block;
width: 1px;
height: 173px;
background: red;
position: …我有一个页面，当每个按钮用户点击它应该表现出装，我这样做有多个按钮class，但有一个问题，它添加加载到所有按钮，但我只需要添加类this按钮（这是不是全部点击！）
你可以在这里看到一个简单的演示
handleClick = (e) => {
this.setState({
loading: 'loading'
})
}
我知道所有按钮都使用相同的按钮，state但如何state在单击的按钮上使用更改而不是全部。最佳做法是什么？我应该使用ref吗？还是应该使用多个状态？但是不知道以后这个页面会增加多少个按钮。提供解决方案或技巧的任何想法。
在这个例子中,我试图span通过选择一个来增加值option,但是我希望在更改选项时减小当前值.
$('select').change(function() {
var span = +$('span').text();
var val = +$(this).find('option:selected').attr('data-val');
var nextNumber = Math.abs(span + val);
$('span').text(nextNumber);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option data-val="15">Item 1</option>
<option data-val="25">Item 2</option>
<option data-val="10">Item 3</option>
</select>
<span>150</span>例如,您选择项目3,跨度文本将设置为160,对吗？现在想要更改此选项,选择项目1,它将设置为175,但我想增加新值,它应该是165.我想减少之前的值,只需按新选择的选项增加.
另外一个例子,如果你选择第1项,跨度值应为165,如果项目2,175,如果第3项,160.
目标:仅通过所选选项增加span文本,并删除/减少以前的值.
这是我到目前为止所做的,但不知道减少以前的价值,任何想法.谢谢你提前.
我写了一个组件，login你可以输入你的电话号码然后得到你的 otp 代码，你可以更正你的电话号码，也可以在 30 秒后重新发送代码。几乎一切正常，除了当你点击正确的按钮时，计时器进入快速间隔，你可以按两三次正确的按钮，你会看到时间过得很快。我在重新发送按钮上遇到了这个问题，但我通过以下方式解决了：
this.state.resendTimer = this.timerInterval();
要查看问题，1. 输入假电话号码，2. 单击正确，3. 再次输入假电话号码，单击按钮。重复这些两三遍，你会看到计时器运行得如此之快！但是我想将计时器重置为 30 并且每秒正常退出。
大多数关于避免重复输入的主题，但我想允许。这是控制器：
$validator = Validator::make($request->all(), [
'name' => 'required|string',
'email' => 'required|email',
'phone' => 'required|numeric|digits:11',
'type' => 'required'
]);
使用 passport
模型：
protected $fillable = [
'name', 'email', 'phone', 'type',
];
但它不允许我插入重复条目：
SQLSTATE [23000]：完整性约束违规：1062重复条目'0955559777'的键'users_phone_unique'（SQL：插入到
users（name，phone，type，updated_at，created_at）值（麦克，s22@s.com，0955559777，1，2019-11- 11 08:16:34, 2019-11-11 08:16:34))
它说users_phone_unique但我没有将手机设置为唯一。任何的想法？
我想要addClass元素,如果value小于零,值是负数-0.3,但我到目前为止尝试不起作用.
var rate = $('#view-ad-rating');
var text = parseInt($(rate).text());
if (text < 0) {
$(rate).addClass('viewAdRateBad');
} else {
//$(rate).addClass('viewAdRateGood');
}.viewAdRateBad {
color: red;
}
.viewAdRateGood {
color: green;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="view-ad-rating">-0.3</a>我也试过这个但没有成功:
if (text <= -1) {
怎么解决这个？